jquery对象和DOM对象的区别介绍


Posted in Javascript onAugust 09, 2013

第一步,http://www.k99k.com/jQuery_getting_started.html
第二步,新手先仔细得全部看一遍jQuery的选择器,很重要!!!
(http://shawphy.com/jqueryapi/ 这里是最新文档,有离线版下载)
第三步,深刻了解jQuery对象和普通DOM对象的区别。互相转化见Q1
Q1,js的写法:document.getElementById('save').disabled=true;
在jquery中我是这样写的$("#save").disabled = true; 为什么没效果呢

A,这个是典型的问题,其实因为$("#save")出来的其实是jQuery对象,而不是普通DOM对象
这是新手常见的问题。
解决方法有2:
1,用JQ写法,$("#save").attr("disabled","true");
2,转成DOM写法$("#save")[0].disabled=true;
当然,$("#save")[0]也可以写成$("#save").get(0)。他返回的也是DOM元素

$("#save").eq(0)得到的还是jq对象
$(dom对象)就能得到一个jq对象。

Q2,获取选中的checkbox
A:
获取所有选中的checkbox:
$("input:checkbox:checked")
判断是否一组checkbox都选中了:
if($("input:checkbox:checked").length){}
判断某一个checkbox是否被选中
if($("input:checkbox").is(":checked")){}

Q3,我的id里有[]或.之类的符号,怎么办?或者带有命名空间的xml标签带有:怎么办?
A:用\\来转义如<div id="id[1]"></div>
$("#id\\[1\\]")

Javascript 相关文章推荐
Javascript匿名函数的一种应用 代码封装
Jun 27 Javascript
JavaScript实现函数返回多个值的方法
Jun 09 Javascript
基于jquery实现省市联动效果
Nov 23 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
Jan 08 Javascript
Vue2递归组件实现树形菜单
Apr 10 Javascript
js封装成插件_Canvas统计图插件编写实例
Sep 12 Javascript
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
Oct 20 jQuery
JS数组去重常用方法实例小结【4种方法】
May 28 Javascript
JavaScript创建对象的常用方式总结
Aug 10 Javascript
layui使用label标签的方法
Sep 14 Javascript
node.js Promise对象的使用方法实例分析
Dec 26 Javascript
vue路由结构可设一层方便动态添加路由操作
Aug 31 Javascript
SOSO地图JS画出标注和中心点以html形式运行
Aug 09 #Javascript
javascript判断机器是否联网的2种方法
Aug 09 #Javascript
jquery 列表双向选择器之改进版
Aug 09 #Javascript
jquery 简单应用示例总结
Aug 09 #Javascript
JS命名空间的另一种实现
Aug 09 #Javascript
使用javascript创建快捷方式的简单实例
Aug 09 #Javascript
使用js修改客户端注册表的方法
Aug 09 #Javascript
You might like
用PHP发电子邮件
2006/10/09 PHP
一些PHP Coding Tips(php小技巧)[2011/04/02最后更新]
2011/05/02 PHP
php中static 静态变量和普通变量的区别
2016/12/01 PHP
laravel5环境隐藏index.php后缀(apache)的方法
2019/10/12 PHP
JavaScript操作XML 使用百度RSS作为新闻源示例
2012/02/17 Javascript
Ext JS 4官方文档之三 -- 类体系概述与实践
2012/12/16 Javascript
JS定义回车事件(实现代码)
2013/07/08 Javascript
Iframe实现跨浏览器自适应高度解决方法
2014/09/02 Javascript
实例讲解使用原生JavaScript处理AJAX请求的方法
2016/05/10 Javascript
jQuery Validate让普通按钮触发表单验证的方法
2016/12/15 Javascript
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
2017/05/07 Javascript
基于node.js之调试器详解
2017/08/22 Javascript
javascript实现固定侧边栏
2021/02/09 Javascript
[01:50]2014DOTA2西雅图邀请赛 专访欢乐周宝龙
2014/07/08 DOTA
修改Python的pyxmpp2中的主循环使其提高性能
2015/04/24 Python
深入理解Python中各种方法的运作原理
2015/06/15 Python
Python实现二维有序数组查找的方法
2016/04/27 Python
python中list列表的高级函数
2016/05/17 Python
Python实现拷贝多个文件到同一目录的方法
2016/09/19 Python
TensorFlow损失函数专题详解
2018/04/26 Python
python3利用Socket实现通信的方法示例
2019/05/06 Python
HTML5 canvas基本绘图之绘制线条
2016/06/27 HTML / CSS
英国快时尚女装购物网站:PrettyLittleThing
2018/08/15 全球购物
测试时代收集的软件测试面试题
2013/09/25 面试题
重写子类方法时,抛出异常的书写注意事项
2015/10/17 面试题
司机岗位职责
2013/11/15 职场文书
中学生旷课检讨书2篇
2014/10/09 职场文书
加强作风建设工作总结
2014/10/23 职场文书
在职人员跳槽求职信
2015/03/20 职场文书
无保留意见审计报告
2015/06/05 职场文书
电影雷锋观后感
2015/06/10 职场文书
毕业证明模板
2015/06/19 职场文书
小学毕业教师寄语
2019/06/21 职场文书
农村房屋租赁合同(范本)
2019/07/23 职场文书
MySQL 隔离数据列和前缀索引的使用总结
2021/05/14 MySQL
关于对TypeScript泛型参数的默认值理解
2022/07/15 Javascript