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+XML 操作
Sep 20 Javascript
基于jquery的文章中所有图片width大小批量设置方法
Aug 01 Javascript
js实现按钮加背景图片常用方法
Nov 01 Javascript
JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例
Aug 03 Javascript
使用jquery/js获取iframe父子级、同级获取元素的方法
Aug 05 Javascript
JS中Swiper的使用和轮播图效果
Aug 11 Javascript
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
Sep 07 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
Nov 08 Javascript
使用jquery模拟a标签的click事件无法实现跳转的解决
Dec 04 jQuery
详解Express笔记之动态渲染HTML(新手入坑)
Dec 13 Javascript
使用Vue.js 和Chart.js制作绚丽多彩的图表
Jun 15 Javascript
基于html+css+js实现简易计算器代码实例
Feb 28 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中cURL库的常见用法代码示例
2016/05/06 PHP
浅谈PHP的排列组合(如输入a,b,c 输出他们的全部组合)
2017/03/14 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
jquery $.ajax入门应用二
2008/11/19 Javascript
js实现文本框中输入文字页面中div层同步获取文本框内容的方法
2015/03/03 Javascript
Javascript中数组方法汇总(推荐)
2015/04/01 Javascript
jquery实现可自动收缩的TAB网页选项卡代码
2015/09/06 Javascript
使用PHP+JavaScript将HTML页面转换为图片的实例分享
2016/04/18 Javascript
总结AngularJS开发者最常犯的十个错误
2016/08/31 Javascript
基于jQuery代码实现圆形菜单展开收缩效果
2017/02/13 Javascript
vue之数据交互实例代码
2017/06/20 Javascript
基于vue 动态加载图片src的解决方法
2018/02/05 Javascript
React Native 自定义下拉刷新上拉加载的列表的示例
2018/03/01 Javascript
Node使用Selenium进行前端自动化操作的代码实现
2019/10/10 Javascript
原生js实现购物车功能
2020/09/23 Javascript
基于JavaScript实现简单扫雷游戏
2021/01/02 Javascript
python获取Linux下文件版本信息、公司名和产品名的方法
2014/10/05 Python
使用Python的判断语句模拟三目运算
2015/04/24 Python
Python+树莓派+YOLO打造一款人工智能照相机
2018/01/02 Python
Python3实现的字典、列表和json对象互转功能示例
2018/05/22 Python
Python操作mongodb数据库的方法详解
2018/12/08 Python
numpy concatenate数组拼接方法示例介绍
2019/05/27 Python
Python之pymysql的使用小结
2019/07/01 Python
python视频按帧截取图片工具
2019/07/23 Python
Python3爬虫中识别图形验证码的实例讲解
2020/07/30 Python
html5图片上传预览示例分享
2014/04/14 HTML / CSS
Gloeilampgoedkoop荷兰:在线购买灯泡
2019/02/16 全球购物
Bose英国官方网站:美国知名音响品牌
2020/01/26 全球购物
煤矿安全生产责任书
2014/04/15 职场文书
服务承诺书怎么写
2014/05/24 职场文书
机械专业求职信
2014/05/25 职场文书
电子专业求职信
2014/06/19 职场文书
市场调研项目授权委托书范本
2014/10/04 职场文书
新员工入职欢迎词
2015/01/23 职场文书
工程移交协议书
2016/03/24 职场文书
Python中递归以及递归遍历目录详解
2021/10/24 Python