JQuery学习笔记(1)JQuery对象

JQuery对象

引子

JQuery对象就是通过JQuery包装普通的DOM对象后产生的对象

1. 1.      JQuery对象与DOM对象

两者的方法不一样，不可以混用

$(“#textId”).html();//JQuery方法

document.getElementById("testId").innerHTML;//DOM方法

2. JQuery对象与DOM对象互换

      2.1 JQuery 对象→DOM对象

                   2.1.1 Index方法

                            var $cr = $("#cr");//JQuery object

                            var cr = $cr[0];//DOM object，可以直接使用DOM的方法

                   2.1.2 通过JQuery方法，get(index)

                            var $cr=$("#cr");//JQuery object

                            var cr = $cr.get(0); //DOM object

         2.2 DOM对象→JQuery对象

                   2.2.1 用$()把DOM对象包装起来

                            var cr=document.getElementById("cr");// JQuery Object

                            var $cr=$(cr);// JQuery Object

3. 判断checkbox是否被选中

         var $ck = $("#ck");

         if($ck.attr("checked")==true){...}

         if($ck.is(":checked")){...}//is(":checked") is a JQuery functions