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创建对象、对象继承的实用方式详解
Mar 08 Javascript
微信小程序 JS动态修改样式的实现代码
Feb 10 Javascript
js实现模糊匹配功能
Feb 15 Javascript
vue父子组件的数据传递示例
Mar 07 Javascript
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
Vue中 v-if/v-show/插值表达式导致闪现的原因及解决办法
Oct 12 Javascript
详解Vue This$Store总结
Dec 17 Javascript
JavaScript原型对象原理与应用分析
Dec 27 Javascript
Vue实现的父组件向子组件传值功能示例
Jan 19 Javascript
微信小程序实现简易table表格
Jun 19 Javascript
微信小程序 导入图标实现过程详解
Oct 11 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 16 jQuery
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
SONY ICF-SW55的电路分析
2021/03/02 无线电
PHP的FTP学习(二)
2006/10/09 PHP
基于PHP遍历数组的方法汇总分析
2013/06/08 PHP
PHP图片处理之使用imagecopyresampled函数实现图片缩放例子
2014/11/19 PHP
PHP实现验证码校验功能
2017/11/16 PHP
YII框架关联查询操作示例
2019/04/29 PHP
Javascript 篱式条件判断
2008/08/22 Javascript
JQuery 返回布尔值Is()条件判断方法代码
2012/05/14 Javascript
jQuery制作简洁的图片轮播效果
2015/04/03 Javascript
JQuery选择器、过滤器大整理
2015/05/26 Javascript
JavaScript中的Function函数
2015/08/27 Javascript
js检测iframe是否加载完成的方法
2015/11/26 Javascript
JavaScript模拟鼠标右键菜单效果
2020/12/08 Javascript
AngularJS基础 ng-mousemove 指令简单示例
2016/08/02 Javascript
Vue 过渡(动画)transition组件案例详解
2017/01/22 Javascript
详解react、redux、react-redux之间的关系
2018/04/11 Javascript
vue单页开发父子组件传值思路详解
2018/05/18 Javascript
浅谈React Event实现原理
2018/09/20 Javascript
微信小程序封装多张图片上传api代码实例
2019/12/30 Javascript
python中enumerate的用法实例解析
2014/08/18 Python
python中使用%与.format格式化文本方法解析
2017/12/27 Python
Python计算时间间隔(精确到微妙)的代码实例
2019/02/26 Python
Python实现的列表排序、反转操作示例
2019/03/13 Python
简单了解python单例模式的几种写法
2019/07/01 Python
Django Channels 实现点对点实时聊天和消息推送功能
2019/07/17 Python
python爬取百度贴吧前1000页内容(requests库面向对象思想实现)
2019/08/10 Python
基于CSS3实现图片模糊过滤效果
2015/11/19 HTML / CSS
5分钟弄清楚html5的drag and drop(小结)
2019/04/10 HTML / CSS
使用 HTML5 Canvas 制作水波纹效果点击图片就会触发
2014/09/15 HTML / CSS
丝芙兰中国官方商城:SEPHORA中国
2018/01/10 全球购物
员工考核管理制度
2014/02/02 职场文书
国庆节促销广告语2014
2014/09/19 职场文书
党员干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
储备店长岗位职责
2015/04/14 职场文书
关于童年的读书笔记
2015/06/26 职场文书
Smart 2 车辆代号 HC11 全新谍照曝光
2022/04/21 数码科技