首页 > Web开发 > 详细

jQuery基础，选择器

时间：2017-06-04 18:24:43 阅读：205 评论：0 收藏：0 [点我收藏+]

标签：处理 div2 his contain 存在 blog ack 触发事件文档

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)加空格

过滤选择器：

基本过滤：

class集合中的第一个:$(".d1:first")
class集合中的最后一个:$(".d1:last")
class集合中某一个:$(".d1:eq(索引号)")
class集合中某个索引之前:$(".d1:lt(索引号)")
class集合中某个索引之后:$(".d1:gt(索引号)")
class集合中除某个索引之外:$(".d1:not(索引号)")
class集合中的奇数索引:$(".d1:odd") 1,3,5....
class集合中的偶数索引:$(".d1:even") 0,2,4.....

属性过滤：

class集合中属性名值对过滤:$(".d1[id=d1]") 或[id!=d1]

内容过滤：

class集合中的内容文字中包含某个字符串:$(".d1:contains(‘字符串‘)")
class集合中的某个选择器子集中存在某个选择器:$(".d1:has(‘id=d0‘)")

技术分享

找他的子集，this代表触发事件的div 找他的子集里面的class是div2的第一个（eq（索引值））；

jQuery基础，选择器

标签：处理 div2 his contain 存在 blog ack 触发事件文档

原文地址：http://www.cnblogs.com/big-lll/p/6936764.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！