jquery的方法和属性

					获取设置属性:

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表示元素相对于被定位的祖辈元素的左部的水平距离。 这两种方法返回的都是一个数字(不带单位)。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值