1、jQuery()核心函数($())
jQuery()函数是jQuery库的最核心函数,jQuery的一切都是基于此函数的。该函数主要用于获取HTML DOM元素并将其封装为 jQuery对象,以便于使用jQuery对象提供的其他属性和方法对DOM元素进行操作。jQuery()函数的功能非常强大,它可以将各 种类型的参数智能地封装为jQuery对象。
2、jQuery(html,[ownerDocument])函数:
(1) 设置被选元素的内容$("#test").html("<p>测试</p>"); //将id为test的元素里的内容设置为<p>测试</p>,若元素里面原本有内容,则将原来的内容替换;
(2) 返回被选元素的内容$("p").html(); //返回匹配到的第一个P元素的内容;
3、append & appendTo 的功能均为:在被选元素结尾(仍在元素内部)插入指定内容,但是内容和选择器的位置不同
(1) append()方法:
$("#test").append("<p>测试</p>"); //在id为test元素内部末尾插入<p>测试</p>
(2) appendTo()方法:$("<p>测试</p>").appendTo("#test"); //在id为test元素内部末尾插入<p>测试</p>
4、each(callbackFun)循环函数:
jQuery中经常用来对某个jQuery对象(通常为数组)进行迭代的函数。callbackFun回调函数将接收到一个值类型标识当前被 迭代的元素的索引,在函数中可以使用this关键字来访问当前被迭代的元素对象,次函数默认情况下迭代数组中所有包含的元 素当原函数返回false时将终止函数的迭代调用。
参数说明:callBackFunction:绑定的迭代函数,此函数接收一个数值作为参数
示例:$('p').each(function(index){ //迭代所有P元素
if(index == 2)
return false;
alert(this.innerHTML); //此处的this是Dom对象
alert("当前元素索引值:"+index+"html文本内容:"+$(this).text());
})
5、size()函数:
此函数可以获取某个元素的个数;实例:$('p').size() //获取有多少个p元素
6、length()函数:
此属性完成和size()类似的功能,用以获取并返回元素的个数;实例:$('p').length; //获取有多少个p元素
7、get函数:
此函数用来从jQuery对象获取dom对象,它有转换功能,参数是获取jq对象的索引(如果jq是一个数组)。
示例:$('p').get(0); //获取jQuery p元素对象第一个dom形式的对象;另一种写法:$('p')[0]
8、index函数:
此函数用来在当前调用此函数的元素内查找目标对象的索引,如果未找到则返回-1;
参数:selector 一个即将被查找的jQuery选择器对象
element 一个可以是dom也可以是jQuery选择器对象
示例:
alert($('li').index($('tow')));
alert($('li').index($('four')));
alert($('#three').index('li'));
9、data([key],[value])函数,存取数据函数:
此函数类似模仿map的功能
参数:key 标识对象的唯一名称,通常应制定
value 标识存储的对象
示例:
存储数据
$('#persons').data('p1','张三丰');
$('#persons').data('p2','叶问');
$('#persons').data('p3','洪七');
获取数据
$('#persons').data('p2‘’);
value参数也可以是一个符合key和value的对象(Map)
如:$('#persons').data('p4',{name:"king",age:26});
10、removeData([name[list]])函数:
此函数用于删除指定DOM中的缓存