注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

左岸

web前端

 
 
 

日志

 
 

jq 基础  

2012-07-02 11:07:41|  分类: js |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1、$.trim(sString);  去除首尾空格;

2、$.fn     扩展jq时用。 如 $.fn.方法名=function(){}

3、解决$的冲突    jQuery.noConflict();          之后用jQuery 代替$;

4、属性选择器:^ 开头;$ 结尾;* 任意匹配。

5、$("p:nth-child(odd)")   和 $("p:odd")   的区别是: 前者 各自的父元素单独排序;后者  页面中所有p经行排序。

     注::nth-child 从1开始计数。别的都是从0计数。

6、过滤选择器可以迭代使用。如::checkbox:checked:enabled

7、:not(filter)  反向选择。 filter参数必须是过滤选择器。如:$(":input:not(:checkbox):not(:radio)")

8、获取选择器中元素的个数:size()   类似数组中的length

9、提取选择器中的元素:方法一、$("img[title]")[1];方法二、$("img[title]").get(1)   get不加参数时 转化为数组。

10、数组的反序 reverse()

11、get(index)  获取指定位置的元素。 index(element)  查找元素element 所在的位置。

12、元素的添加、删除、过滤:

      add()  添加  $("img[alt]").add("img[title]") 等价于 $("img[alt],img[title]");

     not()    删除 $("li[title]").not("[title*=isaac]")     not()  的参数不能是特定的元素,只能是通用表达式;

     filter()   过滤筛选   两类参数:方法一、同not()方法 接收通用表达式 $("li").filter("[title*=isaac]");  filter参数中不能直接用(=),只能用(^=, &=,*=);

      方法二、参数是函数,函数返回布尔值,true的元素保留。

  13、查询过滤新元素集合:find();

         $("p").find("span")     等同于  $("span",$("p"))

        is();  检测是否包含指定的元素,返回布尔值,至少包含一个匹配项时为true,否则为false。如:$("div").is("img")   

14、jq链: end() 操作对象为上一步的对象; andSelf()   将前面两个对象进行组合后共同处理。如:$("div").find("p").addClass("a").andSelf().addClass("b");       

15、获取/设置属性的值:attr()。    
     页面中多个p, $("p").attr("title")   获取的是第一个p的title。第一个没有title属性返回空。

    要获取第二个p的title 用 $("p:eq(1)").attr("title");

   删除属性 : removeAttr()。

16、设置元素样式:

      addClass()    添加   可以用空格一次添加多个。 removeClass()   删除样式

      toggleClass(name)     只能设定一种css。不能用加空格的多个样式。

17、直接获取、设置样式:css();       

     css() 提供了透明度opacity属性。

18、判断某个元素是否设置了某个css类别:hasClass(name)  返回值为true或者false 

      $("li:last").hasClass("myclass")  等同于  $("li:last").is("myclass")


19、移动、复制元素:  (目标位多个时  是复制,目标位一个时  是移动)

       append()   和 appendTo() 对应;

       prepend()   和  prependTo()  对应;

      before()      和 insertBefore()  ;

      after()        和 insertAfter()

20、删除元素: remove()        删除子元素:empty();

21、克隆元素: clone()     参数为true时 所携带的事件一块被复制。

22、获取和设置表单元素的值:val() 。

23、绑定和移除事件:

          bind(); 

          one(); 触发一次后自动删除;

          unbind();   移除

24、jq中事件对象的使用实例:

       $("p").bind("click",function(e){

             var spage=e.pageX+e.pageY;

            var   sscreen=e.screenX+e.screenY;

      })

25、触发事件:trigger(eventType)

  评论这张
 
阅读(461)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017