获取设置属性:
1.常规属性:attr()removeAttr(name):从每一个匹配的元素中删除一个属性
$(“img”).attr(“src”);获取
$(“img”).attr({ src: “test.jpg”, alt: “Test Image” }); 设置
2.表单属性:prop() removeProp(name)
$(“input[type=‘checkbox’]”).prop(“checked”); $(“input[type=‘checkbox’]”).prop(“checked”, true);
3.表单 value 值:val()
$(“input”).val(); 获取
$(“input”).val(“hello world!”); 设置
CSS修改:
添加删除 Class:addClass()/removeClass()/hasClass() 判断是否有class
$(“p”).addClass(“selected1 selected2”);
$(“p”).removeClass(“selected”);
toggleClass(class|fn[,sw]):如果存在(不存在)就删除(添加)一个类。
例子
$("p").css("color"); //获取
$("p").css("color", "red"); //设置
$("p").css({ //设置多个
color: "#ff0011",
"background-color": "blue", fontSize: "30px" });
获取/设置文本:text()
获取/设置 HTML:html()
获取/设置尺寸
width()/height()
$(“p”).height();
$(“p”).height(20);
innerWidth()/innerHeight()
outerWidth()/outerHeight()
元素位置
相对于窗口的位置 offset() 在 jQuery 中,我们可以使用 offset()方法用于“获取”或“设置”元素相对于“当前文档”(也就是 浏览器窗口)的偏移距离。
$().offset().top;
$().offset().left
$().offset()返回的是一个坐标对象,该对象有 2 个属性:top 和 left。 $().offset().top 表示获取元素相对于当前文档“顶部”的距离。
$().offset().left表示获取元素相对于当前文档“左部”的距离。 这两种方法返回的都是一个数字(不带单位)。
相对于定位的位置 position() 在 jQuery 中,我们可以使用position()方法来“获取”或“设置”当前元素相对于“其被定位的祖辈 元素”的偏移距离。相当于 js中 element 对象的 offsetTop,offsetLeft。
$().position().top
$().position().left
说明: $().position()返回的是一个坐标对象,该对象有 2 个属性:top 和 left。 $().position().top 表示元素相对于被定位的祖辈元素的顶部的垂直距离。 $().position().left表示元素相对于被定位的祖辈元素的左部的水平距离。 这两种方法返回的都是一个数字(不带单位)。