JQuery常用选择器功能与用法实例分析

本文实例讲述了JQuery常用选择器功能与用法。分享给大家供大家参考，具体如下：

创新互联是一家集网站建设,高平企业网站建设,高平品牌网站建设,网站定制,高平网站建设报价,网络营销,网络优化,高平网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

JQuery基础回顾

今天对JQuery内容进行了回顾，下面进行一些总结：

JQuery是javascript的一个库，所以二者可以相互转换，例如JQuery到Javascript，用$()获取元素，传给JS的var变量。反之JS的getElement方法获取var变量后，可以通过$(var)转化成JQuery对象。

JQuery的选择器，

id选择$("#id")，class选择$(".class")，元素选择$("elemrnt")，选择所有$("*")。层级选择器有：子选择器$("parent>child")选中直接子代，后代选择器$("ancensterdescendant")选中所有的后代元素，相邻兄弟选择器$("prev+next")选中prev之后的第一个next节点，一般兄弟选择$("prev~siblings")选中prev之后所有siblings元素。Jquery常用属性选择器如下：

子元素选择器

First与first-child区别：

 
第1个ul的第1个li
 
第1个ul的第2个li
 
第1个ul的第3个li


 
第2个ul的第1个li
 
第2个ul的第2个li
 
第2个ul的第3个li

first表示（所有父元素合并后的）第一个元素；first-child表示（每个父元素的）第一个

$('ul li:first') 返回"第1个ul的第1个li"。 查找所有ul下第一个li元素

$("ul li:first-child") 返回"第1个ul的第1个li"与"第2个ul的第1个li"。 查找每个ul下第一个元素是li元素dom元素。

常用内容选择器如下：

属性内容选择器：

例如：

  
  
  
  


  
[att=val]、[att]、[att|=val]、[att~=val]
  

    

      [att=val]
    
    

      [att]
    
    

      [att|=val]
    
    

      [att~=val]
    
  
  
  
[att^=val]、[att*=val]、[att$=val]、[att!=val]
  

    

      [att^=val]
    
    

      [att$=val]
    
    

      [att*=val]
    
    

      [att!=val]
    
  
  

结果如下：

表单选择器

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。