简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

jquery选择器需要注意的问题

来源:易贤网   阅读:737 次  日期:2014-11-28 10:38:50

温馨提示:易贤网小编为您整理了“jquery选择器需要注意的问题”,方便广大网友查阅!

我们先来看段代码,很简单,如下

代码如下:

<div id="div1">

<span>111</span>

<span>222</span>

<span>333</span>

<button id="button1">clear</button>

</div>

代码如下:

$(function() {

$("#button1").click(function() {

$("#div1 span").html("aaa");

});

});

$("#div1 span")获得三个对象的数组

1.如果执行 $("#div1 span").html("aaa"),则数组内的所有对象都会改变.如下图

2.如果执行$("#div1 span").html(),只取值的话,则只会取数组第一个对象的值

所以如果选择器获得是一个数组,要对数组每个元素都进行操作时,最好用each().

另外还有些注意事项

选择器中含有特殊符号的注意事项选择器中含有“.”、“#”、“(”或“]”等特殊字符根据W3C的规定,属性值中是不能含有这些特殊字符的,但在实际项目中偶尔会遇到表达式中含有“#”和“.”等特殊字符,如果按照普通的方式去处理出来的话就会出错。

解决此类错误的方法是使用转义符转义。

<div id="id#b">bb</div>

<div id="id[1]">cc</div>

不能这样写:

$('#id#b'); $('#id[1]');

应该使用转义符号:

$('#id\\#b'); //转义特殊字符“#”

$('#id\\[1\\]'); //转义特殊字符“[ ]”

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:js脚本实现数据去重
下一篇:浅析node.js中close事件
易贤网手机网站地址:jquery选择器需要注意的问题
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!