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 相关文章推荐
跨浏览器开发经验总结(四) 怎么写入剪贴板
May 13 Javascript
jQuery:节点(插入,复制,替换,删除)操作
Mar 04 Javascript
深入分析原生JavaScript事件
Dec 29 Javascript
jQuery实现MSN中文网滑动Tab菜单效果代码
Sep 09 Javascript
javascript实现网页端解压并查看zip文件
Dec 15 Javascript
JS组件Bootstrap dropdown组件扩展hover事件
Apr 17 Javascript
JavaScript数值千分位格式化的两种简单实现方法
Aug 01 Javascript
select下拉框插件jquery.editable-select详解
Jan 22 Javascript
js实现移动端轮播图效果
Dec 09 Javascript
JS实现根据数组对象的某一属性排序操作示例
Jan 14 Javascript
仿照Element-ui实现一个简易的$message方法
Sep 14 Javascript
JS精髓原型链继承及构造函数继承问题纠正
Jun 16 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
laravel-admin 管理平台获取当前登陆用户信息的例子
2019/10/08 PHP
php中使用array_filter()函数过滤数组实例讲解
2021/03/03 PHP
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
2010/02/15 Javascript
js创建对象的几种常用方式小结(推荐)
2010/10/24 Javascript
JS中动态添加事件(绑定事件)的代码
2011/01/09 Javascript
jQuery中使用了document和window哪些属性和方法小结
2011/09/13 Javascript
jquery ajax 同步异步的执行 return值不能取得的解决方案
2012/01/08 Javascript
让人期待的2011年度最佳 jQuery 插件分享
2012/03/16 Javascript
jquery入门—数据删除与隔行变色以及图片预览
2013/01/07 Javascript
jquery使用each方法遍历json格式数据实例
2015/05/18 Javascript
分享javascript计算时间差的示例代码
2020/03/19 Javascript
浅析JavaScript 箭头函数 generator Date JSON
2016/05/23 Javascript
前端框架Vue.js构建大型应用浅析
2016/09/12 Javascript
bootstrap table实现合并单元格效果
2018/12/24 Javascript
JS删除String里某个字符的方法
2021/01/06 Javascript
如何使用JavaScript实现栈与队列
2019/06/24 Javascript
Nodejs技巧之Exceljs表格操作用法示例
2019/11/06 NodeJs
基于JavaScript实现贪吃蛇游戏
2020/03/16 Javascript
Python subprocess模块学习总结
2014/03/13 Python
详解django实现自定义manage命令的扩展
2019/08/13 Python
python+selenium 点击单选框-radio的实现方法
2019/09/03 Python
python利用dlib获取人脸的68个landmark
2019/11/27 Python
python如何判断IP地址合法性
2020/04/05 Python
python框架flask入门之环境搭建及开启调试
2020/06/07 Python
如何利用Python写个坦克大战
2020/11/18 Python
html5实现canvas阴影效果示例
2014/05/07 HTML / CSS
如何使用amaze ui的分页样式封装一个通用的JS分页控件
2020/08/21 HTML / CSS
波兰品牌内衣及泳装网上商店:Astratex.pl
2017/02/03 全球购物
微软美国官方网站:Microsoft美国
2018/05/10 全球购物
经济管理专业求职信
2014/06/09 职场文书
2014年食堂工作总结
2014/11/20 职场文书
2014年会计个人工作总结
2014/11/24 职场文书
学校办公室主任岗位职责
2015/04/01 职场文书
MySQL主从复制断开的常用修复方法
2021/04/07 MySQL
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
2021/06/29 Javascript
MySQL为数据表建立索引的原则详解
2022/03/03 MySQL