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 设计模式 推荐
Oct 28 Javascript
用console.table()调试javascript
Sep 04 Javascript
jQuery表单美化插件jqTransform使用详解
Apr 12 Javascript
JavaScript知识点总结(十)之this关键字
May 31 Javascript
node+express制作爬虫教程
Nov 11 Javascript
js获取当前时间(昨天、今天、明天)
Nov 23 Javascript
微信小程序左滑删除效果的实现代码
Feb 20 Javascript
Angular.js中window.onload(),$(document).ready()的写法浅析
Sep 28 Javascript
vue项目中使用vue-i18n报错的解决方法
Jan 13 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
Jan 20 Javascript
Vue如何使用混合Mixins和插件开发详解
Feb 05 Javascript
原生js 实现表单验证功能
Feb 08 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 simple_html_dom.php+正则 采集文章代码
2009/12/24 PHP
php对mongodb的扩展(初出茅庐)
2012/11/11 PHP
学习PHP的数组总结【经验】
2016/05/05 PHP
thinkPHP模板中函数的使用方法示例
2016/11/30 PHP
分析Node.js connect ECONNREFUSED错误
2013/04/09 Javascript
点击标签切换和自动切换DIV选项卡
2014/08/10 Javascript
Bootstrap 最常用的JS插件系列总结(图片轮播、标签切换等)
2016/07/14 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
2016/10/24 Javascript
利用Bootstrap实现表格复选框checkbox全选
2016/12/21 Javascript
jquery Banner轮播选项卡
2016/12/26 Javascript
简单实现nodejs上传功能
2017/01/14 NodeJs
jQuery动态生成不规则表格(前后端)
2017/02/21 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
2017/04/11 Javascript
jQuery实现输入框的放大和缩小功能示例
2018/07/21 jQuery
vue新vue-cli3环境配置和模拟json数据的实例
2018/09/19 Javascript
Windows下Node爬虫神器Puppeteer安装记
2019/01/09 Javascript
八种Vue组件间通讯方式合集(推荐)
2020/08/18 Javascript
浅谈Python处理PDF的方法
2017/11/10 Python
Python使用Django实现博客系统完整版
2020/09/29 Python
Python爬取商家联系电话以及各种数据的方法
2018/11/10 Python
python实现淘宝秒杀脚本
2020/06/23 Python
Python视频编辑库MoviePy的使用
2020/04/01 Python
Python HTMLTestRunner如何下载生成报告
2020/09/04 Python
python 获取字典键值对的实现
2020/11/12 Python
python实现发送QQ邮件(可加附件)
2020/12/23 Python
HTML实现代码雨源码及效果示例
2020/02/25 HTML / CSS
阿里健康大药房:阿里自营网上药店
2017/08/01 全球购物
澳大利亚领先的时尚内衣零售商:Bras N Things
2020/07/28 全球购物
护士辞职信范文
2014/01/19 职场文书
财务简历的自我评价
2014/03/05 职场文书
怀孕辞职信怎么写
2015/02/28 职场文书
中秋节寄语2015
2015/03/24 职场文书
法定代表人身份证明书
2015/06/18 职场文书
学生会副主席竞选稿
2015/11/19 职场文书
JavaScript实现登录窗体
2021/06/22 Javascript
使用Canvas绘制一个游戏人物属性图
2022/03/25 Javascript