jQuery3元素操作与动态管理.pdfVIP

Jquery（三）

1、设置元素样式

1.1添加、删除CSS类别$(“div”).addClass(“

myClass1myClass2”);$(“div”).re

moveClass(“myClass1”);

1.2类别间动态切换$(function(){$(“p”).

click(function({$(this).toggleClass(“highlight”);//点

击时不断切换}););});示例1说明:toggleClass只能设置一

种Class不能设置多个。

1.3直接获取、设置样式

$(p).mouseover(function(){$

(this).css(color,red);});$(

p).mouseout(function(){$

(this).css(color,black);});

1.4某个元素中是否包含某个CSS类，返回布尔值

$(“li:last”).hasClass(“myClass”);

Jquery(三)

1、设置元素样式

1.1添加、删除CSS类别

$(“div”).addClass(“myClass1myClass2”);

$(“div”).removeClass(“myClass1”);

1.2类别间动态切换

$(function(){

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

$(this).toggleClass(“highlight”);//点击时不断切换

}););

});

Demo1

说明：toggleClass只能设置一种Class不能设置多个。

1.3直接获取、设置样式

$(“p”).mouseover(function(){

$(this).css(“color”,”red”);

});

$(“p”).mouseout(function(){

$(this).css(“color”,”black”);

});

1.4某个元素中是否含有某个css类别，返回为布尔型

$(“li:last”).hasClass(“myClass”);

1.5直接获取、编辑内容

html(文本)文本(内容)$(“

p”).click(function(){var

sHtmlStr=$(this).html();$

(this).text(sHtmlStr);});

1.6移动和元素

$(“p”).append(“接加/b”);//给所有p添加一段HTML代码作为

b直添

子元素示例2$(“p:eq(1)”).append($(“a:eq(1)”));//在第二个p后面添加第

二个a作为其子元素示例3$(“img:eq(1)”).appendTo(“p:eq(0)”);$(“

p:eq(1)”).after($(“a:eq(1)”));//在第二个p后面添加第二个a示例4

1.7删除元素

$p:ontains(大)).remove();$(p).

(c

empty();//清空p里面的内容

1.8处理表单元素的值

val()

1.5直接获取、编辑内容

html(text)

text(content)

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

varsHtmlStr=$(this).html();

$(this).text(sHtmlStr);

});

1.6移动和元素

$(“p”).append(“b直接添加/b”);//给所有p标记添加一段html代码作为

子元素

Demo2

$(“p:eq(1)”).append($(“a