2024年4月23日发(作者：)

JQuery的全解析

1. addClass(class) HTML的代码：

Hello

JQuery的代码：$(“p”).addClass(“select”) 结果

Hello

实例

向第一个P元素添加一个类：

$(

“button”

).click(function(){

$(

“p:first”

).addClass(

“intro”

);

})

2. attr()方法

一、attr(name):取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配

元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined 。其中name为

string.

HTML文本：

我们可以用attr获得img元素的src属性,具体用法如下:

$(function(){

Var imgSrc=$(

“img”

).attr(

“src”

);

alert(

“

imgSrc

”

);

})

二、

attr(key,value):为所有匹配的元素设置一个属性值。key为string属性名,value

为object属性值.

HTML文本：

Jquery：$(function(){

$(“img”).attr(„src‟,‟‟); //文件中显示：

})

三．attr(properties):这是一种在所有匹配元素中批量设置很多属性的最佳方

式。 注意，如果你要设置对象的class属性，你必须使用’className’ 作为

属性名。或者你可以直接使用.addClass( class ) 和 .removeClass( class ).

HTML文本：

Jquery: $(function(){

$(“img”).attr({src: “”，title: “aaa”，className: “filter”});

})

removeAttr的用法:

$(function(){

$(“img”).removeAttr(“title”);

})

3：hasClass(class)方法：

检查第一个P元素是否含有intro类

$(function(){

$(“button”).click(function(){

alert($(“p:first”).hasClass(“intro”));

})

})

4：HTML()的用法

$(”元素名称”).html(); 获得该元素内的内容（元素，文本等）

$(”元素名称”).html(”new stuff”); 给某元素设置内容

5：removeClass()的用法

$(“元素名称”).removeClass(“class”)给某元素删除指定的样式

$(“button”).click(function(){

If($(this).hasClass(“select”)){

$(this).removeClass(“select”);

}else{

$(this).addClass(“select”);

}

Return false;

})

6：Text()的用法：

$(“元素名称”).text().获取该元素的文本。

$(“元素名称”).text(value).设置该元素的文本值为value.

7：toggleClass的用法：

$(“元素名称”).toggleClass(“class”),该元素存在时取消该样式，如

果不存在，则添加该类。

$(“button”).click(function(){

$(“P”).toggleClass(“select”);

})

8：val()的用法

$(“input元素名称”).val();获取input元素文本的值。

$(function(){

$(“button”).click(function(){

$(“P”).val();

})

})

$(“input元素名称”).val(value);设置input元素的文本值为value。

9：after()的方法：

$(“元素名称”).after(content).在匹配的元素后面添加内容。

$(“button”).click(function(){

$(“P”).after(“

Hello Wold

”);

})

10：append()的用法：

$(“元素名称”).append(content).将content作为元素内容插入到该元

素的后面。

11：appendTo(content)的用法

$(“元素名称”).appendTo(content).在content后面接元素。

12：before(content)的方法。

$(“元素名称”).before(content).在匹配的元素前面添加元素。

13:clone()的用法

$(“元素名称”).clone(布尔表达式),当布尔表达式为真时，克隆元素当做

true处理。