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("类选择器名");