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 相关文章推荐
jQuery 学习第七课 扩展jQuery的功能 插件开发
May 17 Javascript
jquery键盘事件使用介绍
Nov 01 Javascript
JS实现鼠标箭头变成一个燃烧烛光效果的方法
Feb 28 Javascript
微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换
Nov 25 Javascript
jQuery中页面返回顶部的方法总结
Dec 30 Javascript
Vue.js学习示例分享
Feb 05 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
Jan 25 Javascript
Vue快速实现通用表单验证的方法
Feb 24 Javascript
JavaScript运行机制实例分析
Apr 11 Javascript
JS如何实现手机端输入验证码效果
May 13 Javascript
ES6 async、await的基本使用方法示例
Jun 06 Javascript
浅谈javascript如何获取文件后缀名
Aug 07 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
CodeIgniter生成网站sitemap地图的方法
2013/11/13 PHP
WebQQ最新登陆协议的用法
2014/12/22 PHP
PHP pear安装配置教程
2016/05/14 PHP
php编译安装php-amq扩展简明教程
2016/06/25 PHP
php版微信公众平台回复中文出现乱码问题的解决方法
2016/09/22 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
php微信开发之图片回复功能
2018/06/14 PHP
详解PHP的抽象类和抽象方法以及接口总结
2019/03/15 PHP
扩展String功能方法
2006/09/22 Javascript
JavaScript CSS修改学习第五章 给“上传”添加样式
2010/02/19 Javascript
jquery 图片截取工具jquery.imagecropper.js
2010/04/09 Javascript
jquery.cvtooltip.js 基于jquery的气泡提示插件
2010/11/19 Javascript
深入理解Javascript闭包 新手版
2010/12/28 Javascript
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
2012/03/04 Javascript
Javascript中的arguments与重载介绍
2015/03/15 Javascript
jQuery中 attr() 方法使用小结
2015/05/03 Javascript
jQuery插件实现适用于移动端的地址选择器
2016/02/18 Javascript
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
2016/07/01 Javascript
JS实现控制文本框的内容
2016/07/10 Javascript
JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果
2016/08/23 Javascript
BootstrapValidator超详细教程(推荐)
2016/12/07 Javascript
JavaScript中英文字符长度统计方法示例【按照中文占2个字符】
2017/01/17 Javascript
backbone简介_动力节点Java学院整理
2017/07/14 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
2018/06/09 jQuery
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
2018/09/13 Javascript
js计算两个日期间的天数月的实例代码
2018/09/20 Javascript
vue 取出v-for循环中的index值实例
2019/11/09 Javascript
vue.config.js中配置Vue的路径别名的方法
2020/02/11 Javascript
详解Django中的ifequal和ifnotequal标签使用
2015/07/16 Python
Python编程使用NLTK进行自然语言处理详解
2017/11/16 Python
tensorflow输出权重值和偏差的方法
2018/02/10 Python
python批量赋值操作实例
2018/10/22 Python
python实时获取外部程序输出结果的方法
2019/01/12 Python
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
2018/01/03 HTML / CSS
做人民满意的公务员活动方案
2014/08/25 职场文书
企业年检委托书范本
2014/10/14 职场文书