首页 > 代码库 > 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函数