jquery find方法 Jquery选择器大全

jquery find方法 Jquery选择器大全

Jquery技术在Web编程领域占了重要的地位,在没有Jquery之前我们只能使用Javascript来实现网页上的特效,但有了Jquery之后,使我们的代码更简洁了,实现功能更简单了。要学好Jquery技术,首先要先学会使用Jquery选择器。

下面我们一起来学习Jquery选择器。

1、类选择器HTML代码:<div></div>Jquery获取对象:$(".mydiv")

2、ID选择器HTML代码:<div id="mydiv"></div>Jquery获取对象:$("#mydiv")

3、标签选择器HTML代码:<span></span>Jquery获取对象:$("span")

4、通配符选择器HTML代码:<div><span>文字</span><h1>标题</h1><p>段落</p></div>Jquery获取对象:$("div *"),获取div下的所有标签对象

5、同时定义多个选择器HTML代码:<div id="mydiv"></div><span></span>Jquery获取对象:$("#mydiv,.other"),注意有逗号隔开了

6、儿子选择器HTML代码:<h1><span></span></h1>Jquery获取对象:$("h1 > span"),需要注意的是,这种方式只会获取H1下面的SPAN,如果H1的孙子还有SPAN,将不会进行查找,这种写法仅用于查找儿子这一代

7、下一个兄弟选择器HTML代码:<h1></h1><span>1</span><span>2</span>Jquery获取对象:$("h1").next("span"),该用法只会查找到<span>1</span>的元素,即H1的下一个兄弟

8、兄弟选择器HTML代码:<h1></h1><span></span><p></p><a></a>Jquery获取对象:$("h1").nextAll(),获取h1的所有兄弟对象

9、选取第一个和最后一个选择器HTML代码:<p>段落1</p><p>段落2</p><p>段落3</p>Jquery获取对象:$("p:first")获取第一个P标签,$("p:last")获取最后一个P标签

10、取非选择器HTML代码:<div></div><div></div>Jquery获取对象:$("div:not(.mydiv)"),只会选择class为demo的对象

你掌握了以上10种Jquery选择器方法,对你的Jquery编程会有很大的帮助。

  

爱华网本文地址 » http://www.aihuau.com/a/8104320103/239806.html

更多阅读

双色球技巧大全 双色球方法与技巧大全

双色球技巧大全组号要注意补码一些对彩票有研究的彩民,经常会发现自己预测的号码总是与开出的奖号不一致。有时,这种不一致不是表现在号码上差得很大,而是表现在预测号码在开出奖号的左右位置上。如果你预测的号码基本上是这样的状态,就

一品红的繁殖方法 一品红图片大全 一品红图片大全

一品红是一种非常独特的盆栽植物,一般植物的叶子都是绿色,而一品红的叶子是红色的,非常喜庆。那一品红的繁殖方法是什么呢?下面土拨鼠小编就为大家介绍一品红的繁殖方法,随便一起来欣赏一品红图片大全吧!一品红图片一

前端必须掌握30个CSS3选择器 css和js哪个重要

也许你已经学会了CSS的三个简单常用的选择器:#ID,.class,标签选择器,可是这些就足够了吗?随着CSS3的到来,作为前端开发者需要掌握下面三十个基本的选择器,这样才可以在平时开发中得心用手。本文中将综合前端开发中常用的30个CSS3选择器,并且

播放器大全 维修工具大全

音乐 电影 视频 Flash 等播放器大全2009年04月27日 星期一 16:53 &#160; RealPlayer、 Media Player 暴风影音 my MPC 快乐影音 kmplayer Gomplayer 豪杰V8 GeekPlay v6.0 videomaniac

声明:《jquery find方法 Jquery选择器大全》为网友綻放的煙花分享!如侵犯到您的合法权益请联系我们删除