jQuery技术

jquery学习(三)DOM

字号+ 作者:H5之家 来源:H5之家 2017-02-03 16:05 我要评论( )

1.获取设置内容text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值不加参数就返回相应

1.获取设置内容
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值

不加参数就返回相应的内容,也可以加入相应参数,设置内容。
我们还可以设置回调函数,回调函数由两个参数:被选元素列表中当前元素的下标,以及原始值。


$('div').html(function (i, old) {
alert(i + old);
});

因为$(‘div’)可能选择多个,下标就是指这个数组的下标。


2.获取设置属性

(1)获取属性值


$(selector).attr(attribute)

(2)设置属性值


$(selector).attr(attribute,value)

(3)设置多个属性值


$(selector).attr({attribute:value, attribute:value ...})

(4)使用函数来设置属性值


$(selector).attr(attribute,function(index,oldvalue))
3.获取设置 CSS 类

(1)addClass()


向被选元素添加一个或多个类
$("button").click(function(){
$("#div1").addClass("important blue");
});

(2)removeClass()


从被选元素删除一个或多个类

(3)toggleClass()


对被选元素进行添加/删除类的切换操作
4.获取设置css样式

(1)获取css属性


$(selector).css(name)
如:$("p").css("color");

如果想获得多个属性值,可以传入数组:


$("div").css(["background-color", "color"]);

(2)设置css属性


$(selector).css(name,value)

(3)使用函数来设置 CSS 属性


$(selector).css(name,function(index,value))

(4)设置多个css属性


$(selector).css({property:value, property:value, ...})

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JQuery UI accordion学习笔记

    JQuery UI accordion学习笔记

    2017-02-03 17:01

  • 【一些简单的jQuery选择器】

    【一些简单的jQuery选择器】

    2017-02-03 16:00

  • jQuery再学习之二、jQuery选择器

    jQuery再学习之二、jQuery选择器

    2017-02-03 15:03

  • JQuery学习总结【二】

    JQuery学习总结【二】

    2017-02-03 15:02

网友点评