jQuery的基本选择器分如下:
$(“#cssid”)
选择id值等于”cssid”的元素,注意:在一个html文档中id是唯一的,也即id为“cssid”不能出现两次(虽然即使出现了两次浏览器也可以解释,但是这是不规范的)。这个ID选择器获取jQuery对象也是个元素集合,但是只有一个元素。将这个jQuery对象转化为DOM对象也可以这样$(“#cssid”)[0]
$(“标签名”)
例如$(“div”)获取的就是HTML文档中的所有的div元素的jQuery对象集合
$(“myClass”)
获取的是HTML文档中所有的class为“myClass”的元素集合
$(“”)
这个获取的是HTML文档中的所有的元素
$(“selector1,selector2,selector3…selectorN “)
这种选择器叫做组选择器。例如:$(“span,#two”)选取所有的span标签元素和id=two的元素。
有两种方法可以获取tr下的第二个td元素:
1、使用css选择器,$("tr td:nth-child(2)")。
2、使用遍历函数eq()。
下面就以上两个方法进行实例演示:单击按钮改变所有行的第二个单元格的样式,单击任意行改变该行第二个单元格的样式。
1、HTML结构
<table id = "test">
<tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
</table>
<input type="button" id="btn" value="设置">
2、jquery代码
$(function(){
$("#btn")click(function() {
$("#test tr td:nth-child(2)")addClass('red');
});
$("#test tr")click(function() {
$(this)children('td')eq(1)addClass('red');
});
});
获取class='aaa'的DIV元素:$('aaa')
获取父级元素id为aaa的div元素:$("#aaa>divaaaaaa")
获取父级元素id为bbb自身类为aaaaaa的元素:$("#bbb>aaaaaa")
jQuery 元素选择器:
jQuery 使用 CSS 选择器来选取 HTML 元素。
$("p") :选取 <p> 元素。
$("pintro") :选取所有 class="intro" 的 <p> 元素。
$("p#demo") :选取所有 id="demo" 的 <p> 元素。
扩展资料:
jQuery 属性选择器:
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='jpg']") 选取所有 href 值以 "jpg" 结尾的元素。
$("#id")获取这个对象,获取对象属性的话$("#id")attr("属性名")
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。
2007年7月,jQuery 113版发布,这次小版本的变化包含了对jQuery选择符引擎执行速度的显著提升。从这个版本开始,jQuery的性能达到了Prototype、Mootools以及Dojo等同类JavaScript库的水平。同年9月,jQuery 12版发布,它去掉了对XPath选择符的支持,原因是相对于CSS语法它已经变得多余了。这一版能够对效果进行更为灵活的定制,而且借助新增的命名空间事件,也使插件开发变得更容易。同时,jQuery UI项目也开始启动,这个新的套件是作为曾经流行但已过时的Interface插件的替代项目而发布的。jQuery UI中包含大量预定义好的部件(widget),以及一组用于构建高级元素(例如可拖放、拖拽、排序)的工具。
2008年5月,jQuery 126版发布,这版主要是将Brandon Aaron开发的流行的Dimensions插件的功能移植到了核心库中,同时也修改了许多BUG,而且有不少的性能得到提高。因此,如果以前的jQuery版本升级到126,那么完全可以从代码中排除Dimensions插件(一个获得元素尺寸、定位的插件)。
在jQuery迅速发展的同时,一些大的厂商也看中了商机。2009年9月,微软和诺基亚公司正式宣布支持开源的jQuery库,另外,微软公司还宣称他们将把jQuery作为Visual Studio工具集的一部分。他将提供包括jQuery的智能提示、代码片段、示例文档编制等内容在内的功能。微软和诺基亚公司将长期成为jQuery的用户成员,其他成员还有Google,Intel,IBM,Intuit等公司。
2009年1月,jQuery 13版发布,它使用了全新的选择符引擎Sizzle,在各个浏览器下全面超越其他同类型JavaScript框架的查询速度,程序库的性能也因此有了极大提升。这一版本的第2个变化就是提供live()方法,使用live()方法可以为当前及将来增加的元素绑定事件,在13版之前,如果要为将来增加的元素绑定事件,需要使用livequery插件,而在13版中,可以直接用live()方法。
$("#indextea li div h4")hover(function(){
$(this)parent()parent()find("newhidesv")show();
},function(){
$(this)parent()parent()find("newhidesv")hide();
})
或者
$("#indextea li div h4 a")hover(function(){$(this)parent()parent()parent()find("newhidesv")show();
},function(){
$(this)parent()parent()parent()find("newhidesv")hide();
})
你测试一下是不是你要的效果
以上就是关于jquery使用选择器对该元素 *** 作全部的内容,包括:jquery使用选择器对该元素 *** 作、jquery 怎么获取第二个元素的值、jquery 选择器 怎样获取class='aaa'的DIV元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)