• :在线测试工具暂时不可用,小伙伴们可以使用本地编辑器来代替,绿叶全新版本正在快马加鞭开发中,比心~

4.3 本章总结

在jQuery中,对元素的操作包括3个方面:

  • (1)属性操作;
  • (2)内容操作;
  • (3)样式操作;

由于“样式操作”内容过多,我们独立成一章,以便大家清晰地去学习。

一、属性操作

在jQuery中,关于元素属性的操作共有3种:

  • (1)获取元素属性;
  • (2)设置元素属性;
  • (3)删除元素属性;

语法:

 
$().attr("属性名")            //获取属性
$().attr("属性" , "属性值")   //设置属性
$().removeAttr("属性");       //删除属性

二、内容操作

在jQuery中,关于元素内容操作共有2组方法:

  • (1)html()和text();
  • (2)val();

其中html()和text()用于操作普通标签,而val()用于操作表单标签。

1、html()方法

在jQuery中,我们可以用html()方法来获取和设置某个元素中的“HTML内容”。

语法:

 
$().html()              //获取HTML内容
$().html("HTML内容");   //设置HTML内容

2、text()方法

在jQuery中,我们可以使用text()方法来获取和设置某个元素的“文本内容”。

语法:

 
$().text()              //获取文本内容
$().text("文本内容")    //设置文本内容

3、val()方法

在jQuery中,我们可以使用val()来获取或设置“表单元素”的值。

语法:

 
$().val()                //获取表单元素
$().val("表单元素的值")  //设置表单元素
:本站所有教程均为原创,大部分已经与人民邮电出版社合作出版,禁止转载和抄袭,否则绿叶学习网和人民邮电出版社必将追究法律责任,附录:互联网著作权保护法。【法律顾问:张俊律师】

小伙伴们也可以加一下QQ群,在“群文件”中可以获取学习资源以及配套资源,以及跟其他小伙伴交流,站长也在群内。

(1)QQ群:519225291(暗号:lvye

(2)绿叶学习网常见问题解答

回到顶部