jQuery_3_操作元素

提供了更加便捷与丰富的方法来操作元素对象。

 

 


一、操作元素属性

获取:

//通过id获取元素对象
var obj = $("#uname");
//获取指定的属性值,注意:获取value属性的值只能获取到初始值,要实时获取value值使用val()方法。
var obj_attr = obj.attr("属性名");

修改:

//修改指定属性
obj.attr("属性名","属性值");

二、操作元素内容

获取:

//通过id获取元素对象
var obj = $("#uname");
//获取对象的内容
var obj_context = obj.html();
var obj_context = obj.text();

修改:

//会解析标签,覆盖原有标签
obj.html("内容");
//不会解析标签,只修改内容
obj.text("内容");

三、操作元素样式

获取:

//通过id获取元素对象
var obj = $("#uname");
//获取指定属性的样式
obj.css("属性名");

修改:

  1、单个样式

obj.css("属性名","属性值");

  2、多个样式

//使用json传参,提升代码书写效率
obj.css({"样式名":"样式值","样式名":"样式值","样式名":"样式值"});

  3、给标签追加类样式

//追加一个类样式
obj.addClass("类选择器名");
//删除指定的类样式
obj.removeClass("类选择器名");

 


JS_10_document对象、操作元素

posted @ 2023-02-01 12:22  在博客做笔记的路人甲  阅读(15)  评论(0编辑  收藏  举报