Jquery常用的方法汇总

//jQuery对象转成DOM对象 :

1 jQuery对象是一个类似数组,可以通过[index]的方法得到相应的DOM对象

var $cr = $("#cr");//jQuery对象 var cr = $[0]; //DOM对象

2 另一种方法是jQuery本身提供的,通过get(index)方法得到相应的DOM对象

var $cr = $("#cr");//jQuery对象 var cr = $cr.get(0);//DOM对象

//DOM对象转成jQuery对象 :

对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了. 方式为 : $(DOM对象);

var cr = document.getElementById("cr");//DOM对象 var $cr = $(cr); //jQuery对象

//解决冲突 :

1 如果其他JS库和jQuery库发生冲突,我们可以在任何时候调用 : jQuery.noConflict()函数来将变量$的控制权移交给其他JavaScript库

2 可以直接使用"jQuery"来做一些jQuery的工作

//jQuery选择器

1 基本选择器 基本选择器是jQuery中最常用的选择器,也是最简单的选择器,他通过元素id、class 和 标签名 等来查找DOM元素

//jQuery :

只要获得标签对象 . 就是数组

//jQuery对象获取 :

$("p");//获取所有p标签对象 ---- 获取的对象是数组 $("#aa");//获取id为aa的那个标签的对象 --- 获取的对象是数组 $(".aaa");//获取class为aaa的那个标签的对象 --- 获取的对象是数组

//jQuery对象和DOM对象的转换 :

jQuery的方法和DOM的方法不能互相使用(调用),但是对象可以互相转换 $("p");//是jQuery对象 document.documentElementsTagName("p");//是DOM对象 $(document.documentElementsTagName("p"));//把DOM对象转换成jQuery对象 $("p").get(1);//是一个DOM对象, get(1);代表p这个数组的第二位,(下标为1 就是第二位) $($("p").get(1));//是jQuery对象转成

//jQuery对象转成DOM对象 :

1 jQuery对象是一个类似数组,可以通过[index]的方法得到相应的DOM对象 var $cr = $("#cr");//jQuery对象 var cr = $[0]; //DOM对象 2 另一种方法是jQuery本身提供的,通过get(index)方法得到相应的DOM对象 var $cr = $("#cr");//jQuery对象 var cr = $cr.get(0);//DOM对象

//DOM对象转成jQuery对象 :

对于一个DOM对象,就可以获得一个jQuery对象了. 方式为 : $(DOM对象);

var cr = document.getElementById("cr");//DOM对象 var $cr = $(cr); //jQuery对象

//创建元素 :

$("

//attr()获得属性/设置属性/更改属性 :

;

var i = $("p").attr("title");//这是获得p标签里面的title属性的值 $("p").attr("title"," bbb");//把p标签里面的title属性的值 更改为bbb

//removeAttr() 删除指定元素的属性值 :

removeAttr(xx,xx);删除属性值

你最喜欢的水果是?

//append()添加元素 :

将匹配到的子元素 添加到指定的父元素中. 函数的链式调用 : 为什么可以链式调用? 是因为前面的函数返回的仍然是调用的那个对象 如下面 a.append(b).append(c) a是个父标签对象,调用函数把b添加进去,并且返回的值,还是a的对象,所以还可以在调用函数,把c也添加进去

//a和b和c 都是标签的对象

var $li_1 = $("

$parent.append($li_1).append($li_2); a.append(b);//把 b 添加到 a 里面 的最后面(追加),a是父标签b是子标签 a.append(c);//把 c 添加到 a 里面 的最后面(追加),a是父标签c是子标签 a.append(b).append(c);//把b c 都添加到 a 里面 b 和 c 是同辈 只是b在c的上面 (链式的调用添加) a.prepend(b)//把 b 添加到 a 里面 的最前面 a是父标签 b是子标签 a.insertAfter(b);//把 a 添加到 b 的 后面(同辈的)

a.insertBefore(b);//把 a 添加到 b 的 前面(同辈的) //叫移动节点 //把我们指定元素插入匹配到元素的前面(指定的元素.insertBefore("匹配到的元素"))

//appendTo()添加元素 :

//a是对象 b是标签名 appendTo() : 是将制定元素添加到匹配的元素的集合中去

$("li").appendTo("ul");//把li标签添加到ul中 a.appendTo("b"); //是吧 b 添加到 a 的里面(a是标签 b是标签) 指定元素.appendTo(匹配元素);

//删除元素(是隐藏)remove() :

a.remove();//把 a 从html中删除(是隐藏) var $li = $("ul li:eq(1)").remove();//把ul 里面li标签的第二个删除 eq(1);就是下标为1的那个li元素 也就是第二个吧 因为下标从0开始 $li.appendTo("ul");//把刚才删除的元素重新加入到ul里面 $("ul li").remove("li[title !=苹果]");//把 ul 元素里面所有的 li 元素 title属性不是苹果的 都删除

//removeAttr() 删除指定元素的属性值 :

removeAttr(xx,(你最不喜欢的)删除

//清空empty() :

$("ul li:eq(1)").empty();//找到ul里面第二个li元素 并把内容删除,(文本节点,

//replaceAll() : $("

你妈咪最不喜欢的水果是???

//包裹wrap() wraoAll() wrapInner() :

//wrap() :