html/css/js-如何利用jq来更改属性的值和获取属性的值

Posted 做路握vgf

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html/css/js-如何利用jq来更改属性的值和获取属性的值相关的知识,希望对你有一定的参考价值。

jquery的使用在web开发中是非常广泛的,虽然说比较容易,易学,但在开发过程中,也总是会碰到各种各样的小问题。

我曾经就遇到这种问题,jq如何获取属性值和更改属性值的。

众所周知,attr()可以更改属性值和获取属性值。

例如

 

alert($("#one").attr("name"));             这样可以获得id为one的控件的name属性的值,但是

alert($("#one").attr("width"));                                              提示框为undefined

 

出现上述现象的原因,是因为attr并不能获取所有的属性,虽然w3cschool上并没有讲,但我们学习上却碰到了这个问题。当然 attr() 无法获取某些属性值,但 css()却可以获取

如上改为

alert($("#one").css("width"));                        可以正确输出width的值

接下来,我来整理一下jq获取属性值的方法

 

 

      方法一:attr()    (适用属性多为标签属性)

              1.获取属性值:  $(selector).attr("属性名");

    2.更改属性值:  $(selector).attr("属性名","属性值");

              3适用属性: id

          name

          title

          href

     方法二: css()    (多为样式属性)

    1.获取属性值: $(selector).css("属性名");

    2.更改属性值:   $(selector).css("属性名","属性值");

    3适用属性 : width,heigth,font-size,box-shadow,

     

 

以上是关于html/css/js-如何利用jq来更改属性的值和获取属性的值的主要内容,如果未能解决你的问题,请参考以下文章

前端学习总结

html/css/js/jq

html/css/js/jq

本来以为自己熟悉HTML,CSS,JS以及JQ了,结果发现还差太多

HTML大一期末作业(html+css+js+jq)

html+css+js 更换div位置