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 相关文章推荐
ext jquery 简单比较
Apr 07 Javascript
JQuery中如何传递参数如click(),change()等具体实现
Apr 28 Javascript
jquery插件hiAlert实现网页对话框美化
May 03 Javascript
jquery动感漂浮导航菜单代码分享
Apr 15 Javascript
javascript 判断页面访问方式电脑或者移动端
Sep 19 Javascript
ReactNative-JS 调用原生方法实例代码
Oct 08 Javascript
angularjs实现的前端分页控件示例
Feb 10 Javascript
使用gulp搭建本地服务器并实现模拟ajax
Apr 05 Javascript
如何为你的JavaScript代码日志着色详解
Apr 08 Javascript
Egg Vue SSR 服务端渲染数据请求与asyncData
Nov 24 Javascript
原生JS实现相邻月份日历
Oct 13 Javascript
vue中控制mock在开发环境使用,在生产环境禁用方式
Apr 06 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
《雄兵连》《烈阳天道》真的来了
2020/07/13 国漫
需要发散思维学习PHP
2009/06/29 PHP
PHPMailer 中文使用说明小结
2010/01/22 PHP
Smarty高级应用之缓存操作技巧分析
2016/05/14 PHP
ThinkPHP3.2框架自带分页功能实现方法示例
2019/05/13 PHP
jscript之Read an Excel Spreadsheet
2007/06/13 Javascript
无刷新预览所选择的图片示例代码
2014/04/02 Javascript
js读写json文件实例代码
2014/10/21 Javascript
JS常用函数使用指南
2014/11/23 Javascript
JS实现随机乱撞彩色圆球特效的方法
2015/05/05 Javascript
AngularJS 自定义过滤器详解及实例代码
2016/09/14 Javascript
NodeJS实现客户端js加密
2017/01/09 NodeJs
angular 用拦截器统一处理http请求和响应的方法
2017/06/08 Javascript
JS实现的邮箱提示补全效果示例
2018/01/30 Javascript
node中使用es6/7/8(支持性与性能)
2019/03/28 Javascript
React 全自动数据表格组件——BodeGrid的实现思路
2019/06/12 Javascript
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
2019/10/26 Javascript
[44:04]OG vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
用Python中的字典来处理索引统计的方法
2015/05/05 Python
全面了解Python环境配置及项目建立
2016/06/30 Python
python实现闹钟定时播放音乐功能
2018/01/25 Python
Python Xml文件添加字节属性的方法
2018/03/31 Python
Python 中Django安装和使用教程详解
2019/07/03 Python
Pytorch Tensor 输出为txt和mat格式方式
2020/01/03 Python
Python实现企业微信机器人每天定时发消息实例
2020/02/25 Python
找Python安装目录,设置环境路径以及在命令行运行python脚本实例
2020/03/09 Python
Anaconda的安装及其环境变量的配置详解
2020/04/22 Python
2020年10款优秀的Python第三方库,看看有你中意的吗?
2021/01/12 Python
如何用canvas实现在线签名的示例代码
2018/07/10 HTML / CSS
初一新生军训方案
2014/05/22 职场文书
篮球比赛策划方案
2014/06/05 职场文书
2015年元旦主持词开场白
2014/12/14 职场文书
信息技术课教学反思
2016/02/23 职场文书
大学生暑期社会实践的个人总结!
2019/07/17 职场文书
Python+Matplotlib+LaTeX玩转数学公式
2022/02/24 Python
MySQL提升大量数据查询效率的优化神器
2022/07/07 MySQL