jquery操作checked属性以及disabled属性的多种方法

下边两种写法没有任何区别 只是少了些代码而已...

复制代码 代码如下:

<input id="cb1" type="checkbox" checked />
<input id="cb2" type="checkbox" checked="checked" />

jquery判断checked的三种方法:

复制代码 代码如下:

.attr('checked'):   //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false
.prop('checked'): //16+:true/false
.is(':checked'):    //所有版本:true/false//别忘记冒号哦

jquery赋值checked的几种写法:

所有的jquery版本都可以这样赋值:

复制代码 代码如下:

$("#cb1").attr("checked","checked");
$("#cb1").attr("checked",true);

jquery1.6+:prop的4种赋值:

复制代码 代码如下:

$("#cb1").prop("checked",true);    //很简单就不说了哦
$("#cb1").prop({checked:true});    //map键值对

$("#cb1").prop("checked",function(){
    return true;    //函数返回true或false
});

$("#cb1").prop("checked","checked");

更多参考:http://api.jquery.com/prop/

复制代码 代码如下:

<html>
    <head>
        <title>测试</title>
        <style type="text/css">

        </style>
        <!--1.62可以修改1.42  1.52  1.7来测试-->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script type="text/javascript">
        $(function(){
            //判断checked
       //    var a=$("#cb1").attr('checked'); //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false
       //    var b=$("#cb1").prop('checked'); //1.6+:true/false
       var c=$("#cb1").is(':checked');  //所有版本:true/false
       //    alert(a);       
       //    alert(b);
            alert(c);
           //赋值   前两个所有的jquery版本都支持 prop只有jquery1.6+支持
       //    $("#cb1").attr("checked","checked");//1.5-
       //    $("#cb1").attr("checked",true);//1.5-
       //   $("#cb1").prop("checked","checked");//1.6+(整理的时候把这个忘记啦)
       //    $("#cb1").prop("checked",true);//1.6+
       //    $("#cb1").prop({checked:true});//1.6+
       //    $("#cb1").prop("checked",function(){
       //        return  true;//1.6+
       //    });               
        })();
   
        </script>
    </head>
    <body>
        <!--赋值的时候记得去掉checked-->
    <input id="cb1" type="checkbox" checked />
    <input id="cb2" type="checkbox" checked="checked"/>
    </body>
</html>

本页内容版权归属为原作者,如有侵犯您的权益,请通知我们删除。
相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络(CDN)缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运算)。 这是介绍的是一个不错的javascript的方面的客户端解决方案, 可选配支持HTML5本地存储器. Starting Simple 复制代码 代码如下: function CacheProvider() { // values will be s
复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titleget
由于种种原因,例如:代码逻辑复杂、时间久了遗忘处理细节、或者根本就是接手修改别人遗留的bug,在这种情况下,debug就会变成一件头疼的事情。 在此分享一些JS调试方面的技巧,针对各种疑难杂症,往往能起到较好的效果。 Step 1:检查服务器直接render出来的内容 使用查看源文件的方式,这一步首先明确,页面HTML片段是否在服务器端就已经不正常了。 Step 2:比较实际的HTML内容和服务器render出来的原始内容之间的差异 可以使用一些前端工具(例如:IE下的开发人员工具、Firebug、Chro
this指触发事件的对象 复制代码 代码如下: input id="myinput" type="text" value="javascript中onclick中的this" onclick="javascript:test(this);"/ 复制代码 代码如下: function test(obj){ alert(obj); //[object HTMLInputElement] alert(obj.id); //myinput alert(obj.value); //javascript中onclick

JavaScript中的类继承 - 2015-04-11 10:04:12

JavaScript Inheritance DouglasCrockford www.crockford.com And you think you're so clever and classless and free --John Lennon JavaScript一种没有类的,面向对象的语言,它使用原型继承来代替类继承。这个可能对受过传统的面向对象语言(如C++和Java)训练的程序员来说有点迷惑。JavaScript的原型继承比类继承有更强大的表现力,现在就让我们来看看。 Java JavaSc
虽然实现了延迟载入的视觉效果,但是通过httpwatch等工具就可以看到,页面载入完毕后又发布很多空请求,而空请求就是由这些被替换过的img标签产生的,空请求也会一定程度上增加页面的打开时间,所以jquery.lazyload.js并未真生的实现页面延迟载入。 我对jquery.lazyload.js做了一些修改,实现了页面的延迟载入,不仅仅是图片,html代码同样可以延迟载入,大大减少了页面发出的请求数,提高了页面的打开速度。 修改后的jquery.lazyload.js代码如下: jquery.lazy

jQuery实现预加载图片的方法 - 2015-04-11 10:04:12

本文实例讲述了jQuery实现预加载图片的方法。分享给大家供大家参考。具体分析如下: 这段js代码用于预加载图片,记住是预加载,不是后加载哟,就是在图片还不显示的时候就将图片下载到用户浏览器的缓存中,这样要显示的时候就非常快,无需再到服务器上去读取图片。 jQuery.preloadImages = function() { for(var i = 0; i arguments.length; i++) { $("img /").attr('src', arguments); }};//用法 $.prel
复制代码 代码如下: div id="p_box" onclick="a()" div id=p_cont /div /div #p_box包括#p_cont,当点击#p_box区域任何位置时(包括#p_cont),都会触发a事件。想要阻止点击#p_cont区域时触发a事件,需要在#p_cont区域内加入阻止事件冒泡的代码。 变成 复制代码 代码如下: div id="p_box" onclick="a()" div id="p_cont" onclick="stopBubble(this.id)" /d
复制代码 代码如下: try { var shell = new ActiveXObject("WScript.Shell"); //读注册表值 var key1 = shell.RegRead("HKEY_CURRENT_USER\\Software\\Microsoft\\Windows\\CurrentVersion\\Run\\eip"); //删除注册表项 shell.RegDelete("HKEY_CURRENT_USER\\SOFTWARE\\Microsoft\\Windows\\Curr
特点: 1.不依赖与jquery 2.而且,好看些吧..支持很多实例,上传成功后.会有一个回调函数.比如缩略图地址显示出来 用法: 复制代码 代码如下: link href=#>script src="http://fineuploader.com/source/fineuploader-3.9.1.min.js"/script 复制代码 代码如下: var thumbnailuploader = new qq.FineUploader({ element: $('#thumbnail-fine-uplo