JQuery学习笔记,1JQuery对象

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