如何使用jquery改变div的属性

如何使用jquery改变div的属性,第1张

如下div

<div id="123" name="divname"></div>

$("#div").attr("name", "changeName")//改变name属性的值

$("div").html("aa")将div元素里面的html赋值为 字符串"aa"

$("div").attr("aaa","bbb")设置元素div的aaa属性值为bbb

$("div").text("aa")将div元素里面的text赋值为 字符串"aa"

$("div") 引号里面可以更换为  .div  表示class为div的元素

$("div") 引号里面可以更换为  #div  表示id为div的元素

$("div") 引号里面可以更换为  [name='div']  表示name为div的元素

使用JQuery给自定义属性赋值取值

jQuery 属性 *** 作 - attr() 方法

定义和用法

attr() 方法设置或返回被选元素的属性值。

一、返回属性值

返回被选元素的属性值。

语法

$(selector).attr(attribute)

参数描述

attribute    规定要获取其值的属性。

$(selector).attr(attribute)

<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("button").click(function(){

    alert("Image width " + $("img").attr("width"))

  })

})

</script>

</head>

<body>

<img src="/i/eg_smile.gif" width="128" height="128" />

<br />

<button>返回图像的宽度</button>

</body>

</html>

二、设置属性/值

设置被选元素的属性和值。

语法

$(selector).attr(attribute,value)

参数描述

attribute    规定属性的名称。    

value    规定属性的值。

$(selector).attr(attribute,value)

<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("button").click(function(){

    $("img").attr("width","180")

  })

})

</script>

</head>

<body>

<img src="/i/eg_smile.gif" />

<br />

<button>设置图像的 width 属性</button>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11066259.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-13
下一篇 2023-05-13

发表评论

登录后才能评论

评论列表(0条)

保存