首页 > 代码库 > jquery函数

jquery函数

1.ready函数

当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。

$(document).ready(function (){
alert(‘111‘);

一般写成$(function(){

 

})

2.hide函数 隐藏

$(‘p‘).hide();  隐藏所有的p标签 相当于向css中写display:none;

3.show函数 显示

$(‘p‘).show();显示p标签 相当于向css中写display:block;

4.map函数 遍历数组进行操作,最后返回一个新的数组

arr.map(function(元素,下标){执行操作}

var arr1 = arr.map(function(elem,index){
return index;
});

5.each函数 遍历数组 不返回新数组,原数组不变

$.each(arr3,function(下标,值)

6.html函数

能获取到普通字符串内容以及标签   $(‘div‘).html()

设置值可以读取标签 $(‘div‘).html(‘wo s <span>yi ge</span> div‘);

7.text函数

只能获取到普通字符串(会自动过滤掉html标签) $(‘div‘).html()

设置值不能读取html标签 $(‘div‘).text(‘wo s <span>yi ge</span> div‘);

8.attr函数 

可以获取属性 $(‘input:first‘).attr(‘type‘);

设置属性 $(‘input:first‘).attr(‘name‘,‘tang‘)

9.prop函数

与attr函数功能差不多,但设置元素本来就有的属性用prop,设置元素原来没有的元素用attr

10.removeAttr函数 删除属性

$(‘input:first‘).removeAttr(‘name‘);

11.addClass函数 

$(‘input:first‘).addClass(‘xin‘);

12.removeClass

$(‘input:first‘).removeAttr(‘class‘); 

13.toggleClass 开关效果

$(‘input:first‘).toggleClass(‘tang‘);

 

 

jquery函数