jquery对象和DOM对象的区别介绍
2023-06-13 09:15:04 时间
第一步,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:用\\来转义如<divid="id[1]"></div>
$("#id\\[1\\]")
第二步,新手先仔细得全部看一遍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:用\\来转义如<divid="id[1]"></div>
$("#id\\[1\\]")
相关文章
- jquery监听浏览器刷新_jQuery刷新浏览器页面大小
- JS 对象转数组_jquery把对象转成数组
- jQuery将数组转化成对象
- jQuery实现倒计时功能详解编程语言
- jquery选择器之层级过滤选择器详解编程语言
- jquery ajax详解编程语言
- JQUERY对象与DOM对象之两者相互间的转换
- 模仿JQuery.extend函数扩展自己对象的js代码
- jquery事件对象属性小结
- jQuery对象和DOM对象使用说明
- jquery取字符串中数字的正则
- jQuery的实现原理的模拟代码-3事件处理
- jquery学习之一对象访问
- jQuery学习笔记操作jQuery对象CSS处理
- jQuery学习笔记操作jQuery对象属性处理
- jquery创建一个新的节点对象(自定义结构/内容)的好方法
- jQuery对象和Javascript对象之间转换的实例代码
- 关于jQuery对象数据缓存Cache原理以及jQuery.data详解
- jquery全选/全不选/反选另一种实现方法(配合原生js)
- jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
- JQuery图片的展开和伸缩实例讲解
- JQuery写动态树示例代码
- jquery隐藏标签和显示标签的实例
- jquery将一个表单序列化为一个对象的方法
- Jquery获取对象的几种方式介绍
- 关于jQuery中的each方法(jQuery到底干了什么)
- 判断一个对象是否为jquery对象的方法
- jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
- jQuery中事件对象e的事件冒泡用法示例介绍
- jquery显示隐藏input对象
- 14个有用的Jquery技巧分享
- jquery制作随机弹跳的小球特效
- jquery取子节点及当前节点属性值的方法
- 原生js实现复制对象、扩展对象类似jquery中的extend()方法
- 基于jquery的文字向上跑动类似跑马灯的效果