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 相关文章推荐
js仿百度有啊通栏展示效果实现代码
May 28 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
Sep 04 Javascript
js 剪切板应用clipboardData详细解析
Dec 17 Javascript
JS跨域问题详解
Nov 25 Javascript
JavaScript实现图片滑动切换的代码示例分享
Mar 06 Javascript
vue高德地图之玩转周边
Jun 16 Javascript
详解vue-cli中配置sass
Jun 21 Javascript
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 jQuery
Vue2.0用户权限控制解决方案
Nov 29 Javascript
vue 实现全选全不选的示例代码
Mar 29 Javascript
原生JS实现拖拽功能
Dec 16 Javascript
vue自定义组件实现双向绑定
Jan 13 Vue.js
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里面的抽象类
2010/01/28 PHP
php去掉字符串的最后一个字符附substr()的用法
2011/03/23 PHP
php实现汉字验证码和算式验证码的方法
2015/03/07 PHP
yii去掉必填项中星号的方法
2015/12/28 PHP
PHP双向链表定义与用法示例
2018/01/31 PHP
基于jQuery.Validate验证库知识点的详解
2013/04/26 Javascript
JavaScript利用append添加元素报错的解决方法
2014/07/01 Javascript
JavaScript之Date_动力节点Java学院整理
2017/06/28 Javascript
Router解决跨模块下的页面跳转示例
2018/01/11 Javascript
vue+SSM实现验证码功能
2018/12/07 Javascript
Vue分页插件的前后端配置与使用
2019/10/09 Javascript
Vue 3.0双向绑定原理的实现方法
2019/10/23 Javascript
layui form表单提交后实现自动刷新
2019/10/25 Javascript
webgl实现物体描边效果的方法介绍
2019/11/27 Javascript
Node.js利用Express实现用户注册登陆功能(推荐)
2020/10/26 Javascript
flask中使用SQLAlchemy进行辅助开发的代码
2013/02/10 Python
python fabric使用笔记
2015/05/09 Python
python面向对象_详谈类的继承与方法的重载
2017/06/07 Python
利用 python 对目录下的文件进行过滤删除
2017/12/27 Python
python使用递归的方式建立二叉树
2019/07/03 Python
Django model select的多种用法详解
2019/07/16 Python
微信小程序python用户认证的实现
2019/07/29 Python
Python使用GitPython操作Git版本库的方法
2020/02/29 Python
Python Selenium安装及环境配置的实现
2020/03/17 Python
荷兰鞋子在线:Nelson Schoenen
2017/12/25 全球购物
德国自然时尚和有机产品购物网站:Waschbär
2019/05/29 全球购物
C#中有没有静态构造函数,如果有是做什么用的?
2016/06/04 面试题
大学生党课思想汇报
2013/12/29 职场文书
婚前协议书
2014/04/15 职场文书
小班上学期评语
2014/05/05 职场文书
挂职学习心得体会
2014/09/09 职场文书
销售员试用期自我评价
2014/09/15 职场文书
《小乌鸦爱妈妈》教学反思
2016/02/19 职场文书
创业计划书之养殖业
2019/10/11 职场文书
Go中的条件语句Switch示例详解
2021/08/23 Golang
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers