jQuery基础,选择器

Posted 超级芒果

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery基础,选择器相关的知识,希望对你有一定的参考价值。

    jQuery是一个快速、简洁的javascript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化html文档操作、事件处理、动画设计和Ajax交互。

    jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。[1] 

 

jQuery有好多版本本,无法同时引用两个不同的版本,容易造成混乱,用哪一个,调用哪一个.\\

jQuery引用到<head></head>中,页面加载时就需要特效调用这些方法.

 

选择器

基础选择器:

  • ID选择器:$("#d1")
  • class选择器:$(".d1")
  • 标签选择器:$("div")

组合选择器:

  • 平级并列:$("#d1,#d2") 加逗号
  • 后代:$(#d1   d11)加空格

过滤选择器:

  • 基本过滤:
  1. class集合中的第一个:$(".d1:first")
  2. class集合中的最后一个:$(".d1:last")
  3. class集合中某一个:$(".d1:eq(索引号)")
  4. class集合中某个索引之前:$(".d1:lt(索引号)")
  5. class集合中某个索引之后:$(".d1:gt(索引号)")
  6. class集合中除某个索引之外:$(".d1:not(索引号)")
  7. class集合中的奇数索引:$(".d1:odd")   1,3,5....
  8. class集合中的偶数索引:$(".d1:even")   0,2,4.....
  • 属性过滤:
  1. class集合中属性名值对过滤:$(".d1[id=d1]")  或[id!=d1]
  • 内容过滤:
  1. class集合中的内容文字中包含某个字符串:$(".d1:contains(\'字符串\')")   
  2. class集合中的某个选择器子集中存在某个选择器:$(".d1:has(\'id=d0\')")   
 
 
 
 
 

找他的子集,this代表触发事件的div  找他的子集里面的class是div2的  第一个(eq(索引值));

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

以上是关于jQuery基础,选择器的主要内容,如果未能解决你的问题,请参考以下文章

jQuery基础学习01 jQuery选择器

jQuery基础 ——样式篇(jQuery选择器)

jquery基础

jQuery 基础选择器

JQuery基础选择器

jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jq