jquery选择器需要注意的问题


Posted in Javascript onNovember 26, 2014

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

<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"),则数组内的所有对象都会改变.如下图

jquery选择器需要注意的问题

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

jquery选择器需要注意的问题

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

另外还有些注意事项

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

解决此类错误的方法是使用转义符转义。
<div id="id#b">bb</div>
<div id="id[1]">cc</div>

不能这样写:
$('#id#b');  $('#id[1]');
应该使用转义符号:
$('#id\\#b');       //转义特殊字符“#”
$('#id\\[1\\]');    //转义特殊字符“[ ]”

Javascript 相关文章推荐
Javascript实现的鼠标经过时播放声音
May 18 Javascript
原始的js代码和jquery对比体会
Sep 10 Javascript
JS实现文档加载完成后执行代码
Jul 09 Javascript
jQuery Validate插件实现表单强大的验证功能
Dec 18 Javascript
JavaScript学习小结之被嫌弃的eval函数和with语句实例详解
Aug 01 Javascript
jQuery日期范围选择器附源码下载
May 23 jQuery
JS 设置Cookie 有效期 检测cookie
Jun 15 Javascript
EL表达式截取字符串的函数说明
Sep 22 Javascript
Angularjs cookie 操作实例详解
Sep 27 Javascript
JS实现留言板功能[楼层效果展示]
Dec 27 Javascript
angular4自定义组件非input元素实现ngModel双向数据绑定的方法
Dec 28 Javascript
微信公众号网页分享功能开发的示例代码
May 27 Javascript
jquery操作对象数组元素方法详解
Nov 26 #Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
Nov 26 #Javascript
JavaScript定义类和对象的方法
Nov 26 #Javascript
node.js操作mongoDB数据库示例分享
Nov 26 #Javascript
教你如何使用node.js制作代理服务器
Nov 26 #Javascript
浅析node.js中close事件
Nov 26 #Javascript
node.js超时timeout详解
Nov 26 #Javascript
You might like
PHP+Mysql实现多关键字与多字段生成SQL语句的函数
2014/11/05 PHP
php使用NumberFormatter格式化货币的方法
2015/03/21 PHP
深入剖析PHP中printf()函数格式化使用
2016/05/23 PHP
PHP实现的曲线统计图表示例
2016/11/10 PHP
php 函数使用可变数量的参数方法
2017/05/02 PHP
javascript 简练的几个函数
2009/08/29 Javascript
javascript学习基础笔记之DOM对象操作
2011/11/03 Javascript
jQuery大于号(&gt;)选择器的作用解释
2015/01/13 Javascript
详解JavaScript编程中正则表达式的使用
2015/10/25 Javascript
js给table赋值的实例代码
2016/10/13 Javascript
javaScript嗅探执行神器-sniffer.js
2017/02/14 Javascript
原生js jquery ajax请求以及jsonp的调用方法
2017/08/04 jQuery
基于Vue过渡状态实例讲解
2017/09/14 Javascript
页面内锚点定位及跳转方法总结(推荐)
2019/04/24 Javascript
electron实现静默打印的示例代码
2019/08/12 Javascript
微信小程序实现上传图片裁剪图片过程解析
2019/08/22 Javascript
JavaScript Array对象使用方法解析
2019/09/24 Javascript
Vue3.0数据响应式原理详解
2019/10/09 Javascript
Vue实现图书管理小案例
2020/12/03 Vue.js
Python实现扣除个人税后的工资计算器示例
2018/03/26 Python
Python操作word常见方法示例【win32com与docx模块】
2018/07/17 Python
python 检查是否为中文字符串的方法
2018/12/28 Python
Falsk 与 Django 过滤器的使用与区别详解
2019/06/04 Python
快速查找Python安装路径方法
2020/02/06 Python
TensorFlow Saver:保存和读取模型参数.ckpt实例
2020/02/10 Python
CSS3新属性transition-property transform box-shadow实例学习
2013/06/06 HTML / CSS
css3的图形3d翻转效果应用示例
2014/04/08 HTML / CSS
美国受欢迎的女性牛仔裤品牌:DL1961
2016/11/12 全球购物
GIVENCHY纪梵希官方旗舰店:高定彩妆与贵族护肤品
2018/04/16 全球购物
澳大利亚二手奢侈品网站:Modsie
2019/09/23 全球购物
澳大利亚购买健身器材网站:Gym Direct
2019/12/19 全球购物
J2EE是技术还是平台还是框架
2016/08/14 面试题
稽核岗位职责
2015/02/10 职场文书
python 如何在list中找Topk的数值和索引
2021/05/20 Python
springboot + mongodb 通过经纬度坐标匹配平面区域的方法
2021/11/01 MongoDB
IDEA 2022 Translation 未知错误 翻译文档失败
2022/04/24 Java/Android