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 Ajax请求代码(2)
Jan 07 Javascript
简单的jquery拖拽排序效果实现代码
Sep 20 Javascript
jquery zTree异步加载简单实例分享
Feb 05 Javascript
jquery 倒计时效果实现秒杀思路
Sep 11 Javascript
下拉列表select 由左边框移动到右边示例
Dec 04 Javascript
jQuery中cookie插件用法实例分析
Dec 04 Javascript
利用vue-router实现二级菜单内容转换
Nov 30 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
Dec 08 Javascript
jQuery实现文字自动横移
Jan 08 Javascript
在Web关闭页面时发送Ajax请求的实现方法
Mar 07 Javascript
JavaScript自定义超时API代码实例
Apr 30 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
Jul 09 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 mssql 日期出现中文字符的解决方法
2009/03/10 PHP
php addslashes 函数详细分析说明
2009/06/23 PHP
php中使用getimagesize获取图片、flash等文件的尺寸信息实例
2014/04/29 PHP
php+MySql实现登录系统与输出浏览者信息功能
2016/07/01 PHP
php计算多个集合的笛卡尔积实例详解
2017/02/16 PHP
php+websocket 实现的聊天室功能详解
2020/05/27 PHP
BOOM vs RR BO3 第一场2.13
2021/03/10 DOTA
JavaScript脚本性能的优化方法
2007/02/02 Javascript
我遇到的参数传递中 双引号单引号嵌套问题
2010/02/11 Javascript
jquery创建并行对象或者合并对象的实现代码
2012/10/10 Javascript
js格式化金额可选是否带千分位以及保留精度
2014/01/28 Javascript
javascript超过容器后显示省略号效果的方法(兼容一行或者多行)
2016/07/14 Javascript
原生js仿jquery一些常用方法(必看篇)
2016/09/20 Javascript
vue中axios处理http发送请求的示例(Post和get)
2017/10/13 Javascript
JavaScript实现封闭区域布尔运算的示例代码
2018/06/25 Javascript
vue.js轮播图组件使用方法详解
2018/07/03 Javascript
实例分析Array.from(arr)与[...arr]到底有何不同
2019/04/09 Javascript
vuex管理状态 刷新页面保持不被清空的解决方案
2019/11/11 Javascript
js实现微信聊天界面
2020/08/09 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
2020/10/12 Javascript
JavaScript原生数组函数实例汇总
2020/10/14 Javascript
在Python中使用正则表达式的方法
2015/08/13 Python
python3+PyQt5使用数据库窗口视图
2018/04/24 Python
Django接收post前端返回的json格式数据代码实现
2019/07/31 Python
美国紧身牛仔裤品牌:NYDJ
2017/05/24 全球购物
艺龙旅行网酒店预订:国内、港澳台酒店
2018/06/26 全球购物
娱乐地球:Entertainment Earth
2020/01/08 全球购物
什么是servlet链?
2014/07/13 面试题
升旗仪式主持词
2014/03/19 职场文书
六五普法规划实施方案
2014/03/21 职场文书
志愿者服务活动总结报告
2015/05/06 职场文书
公司会议开幕词
2016/03/03 职场文书
php微信小程序解包过程实例详解
2021/03/31 PHP
HTML+CSS+JS实现图片的瀑布流布局的示例代码
2021/04/22 HTML / CSS
Python利用capstone实现反汇编
2022/04/06 Python
SQL Server2019安装的详细步骤实战记录(亲测可用)
2022/06/10 SQL Server