jquery对象和DOM对象的区别介绍

 更新时间:2013年08月09日 17:33:26   作者:  
jquery对象和DOM对象在使用过程很频繁,正是因为如此,好多朋友都不知道它们之间有什么区别,下面为大家详细介绍下,希望对大家有所帮助
第一步,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\\]")

相关文章

  • jQuery为DOM动态追加事件的方法

    jQuery为DOM动态追加事件的方法

    下面小编就为大家带来一篇jQuery为DOM动态追加事件的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • jquery仅用6行代码实现滑动门效果

    jquery仅用6行代码实现滑动门效果

    这篇文章主要介绍了jquery仅用6行代码实现滑动门效果,涉及jquery样式变换的实现技巧,非常简单实用,需要的朋友可以参考下
    2015-09-09
  • NiftyCube——轻松实现圆角边框

    NiftyCube——轻松实现圆角边框

    这篇文章主要介绍了NiftyCube——轻松实现圆角边框
    2007-02-02
  • jquery实现焦点图片随机切换效果的方法

    jquery实现焦点图片随机切换效果的方法

    这篇文章主要介绍了jquery实现焦点图片随机切换效果的方法,涉及jQuery插件jquery.easing.1.3.js的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • 基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage

    基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage

    网易邮箱专题页的效果相信很多朋友都看过,也许有很多朋友想着把自己的网站做成那样动感美妙的全屏滚动效果,但苦于技术有限,只能望而生叹。此刻您有福了,这款基于jquery的fullpage就可以轻松的帮你实现动感美妙的全屏滚动效果,需要的可以参考下
    2015-09-09
  • jQuery 3.0十大新特性

    jQuery 3.0十大新特性

    在2016年6月迎来了jquery3.0最终版,jquery3.0有哪些新特征呢?很多朋友不是很清楚,下面小编给大家带来了jQuery 3.0十大新特性,感兴趣的朋友一起看下吧
    2016-07-07
  • JQuery contains的选择器

    JQuery contains的选择器

    contains选择符是指对象中包括指定内容的对象本身
    2010-04-04
  • jQuery的ajax中使用FormData实现页面无刷新上传功能

    jQuery的ajax中使用FormData实现页面无刷新上传功能

    这篇主要写如何利用ajax和FormData实现页面无刷新的文件上传效果,主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的FormData接口。需要的的朋友参考下本文
    2017-01-01
  • jQuery 弹出层插件(推荐)

    jQuery 弹出层插件(推荐)

    本文是小编自己写的一个弹出层插件代码,非常秀珍,感兴趣的朋友一起学习吧
    2016-05-05
  • jQuery使用ajax方法解析返回的json数据功能示例

    jQuery使用ajax方法解析返回的json数据功能示例

    这篇文章主要介绍了jQuery使用ajax方法解析返回的json数据功能,结合实例形式分析了jQuery ajax操作流程及json数据处理技巧,需要的朋友可以参考下
    2017-01-01

最新评论