jQuery常用的函数

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中的缓存

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值