jquery选择器需要注意的问题_jquery
程序员文章站
2022-05-09 21:01:35
...
我们先来看段代码,很简单,如下
111
222
333
$(function() {
$("#button1").click(function() {
$("#div1 span").html("aaa");
});
});
复制代码 代码如下:
111
222
333
复制代码 代码如下:
$(function() {
$("#button1").click(function() {
$("#div1 span").html("aaa");
});
});
$("#div1 span")获得三个对象的数组
1.如果执行 $("#div1 span").html("aaa"),则数组内的所有对象都会改变.如下图
2.如果执行$("#div1 span").html(),只取值的话,则只会取数组第一个对象的值
所以如果选择器获得是一个数组,要对数组每个元素都进行操作时,最好用each().
另外还有些注意事项
选择器中含有特殊符号的注意事项选择器中含有“.”、“#”、“(”或“]”等特殊字符根据W3C的规定,属性值中是不能含有这些特殊字符的,但在实际项目中偶尔会遇到表达式中含有“#”和“.”等特殊字符,如果按照普通的方式去处理出来的话就会出错。
解决此类错误的方法是使用转义符转义。
bb
cc
不能这样写:
$('#id#b'); $('#id[1]');
应该使用转义符号:
$('#id\\#b'); //转义特殊字符“#”
$('#id\\[1\\]'); //转义特殊字符“[ ]”
推荐阅读
-
关于jQuery中.attr()和.prop()的问题探讨
-
文本有关的样式和jQuery求对象的高宽问题分别说明
-
ASP.NET MVC+EF在服务端分页使用jqGrid以及jquery Datatables的注意事项
-
ASP.NET配合jQuery解决跨域调用的问题
-
ASP.NET MVC中使用jQuery时的浏览器缓存问题详解
-
运用mysqldump 工具时需要注意的问题
-
基于Android SDK-在64位Linux中使用需要注意的问题
-
企业网站建设需要注意的常见问题整理
-
ASP.NET MVC+EF在服务端分页使用jqGrid以及jquery Datatables的注意事项
-
企业在做微博营销的过程中需要注意四大问题