jq设置属性|jq设置标签属性

jq设置属性|jq设置标签属性

1. jq设置属性

推荐使用兼容浏览器方式。根据W3C的表单规范 ,在checked属性是一个布尔属性,这意味着只要该 attribute 存在,即使它没有值,或是一个空字符串,该属性对应的 property 就是 true。以下是兼容浏览器方式,判断 checkbox 元素的 checked 属性是否为"真" 的方法:

代码如下:

if ( elem.checked ) if ( $(elem).prop("checked") ) if ( $(elem).is(":checked") ) 如果你使用jQuery 1.6 ,代码if ( $(elem).attr("checked") ),将获得一个属性(attribute) ,它不改变该复选框被选中和选中。

它只是用来存储默认或选中属性的初始值。

为了保持向后兼容,.attr() 方法从 jQuery 1.6.1+ 开始除了返回属性值外,还会更新 property 属性,因此 boolean attribute(布尔属性)不需要通过 .prop() 来改变其值。

2. jq设置标签属性

用javascript标签的src属性来引入

3. jq设置样式

返回的是jQuery对象,可以再次设置

4. jq设置css属性

css类选择器样式只需要引入对应的jquery就可以了。CSS 类选择器类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用,也可以与其他元素结合使用。提示:只有适当地标记文档后,才能使用这些选择器,所以使用这两种选择器通常需要先做一些构想和计划。要应用样式而不考虑具体设计的元素,最常用的方法就是使用类选择器。修改 HTML 代码在使用类选择器之前,需要修改具体的文档标记,以便类选择器正常工作。为了将类选择器的样式与元素关联,必须将 class 指定为一个适当的值。请看下面的 HTML 代码:

This heading is very important.

This paragraph is very important.

5. jq属性选择

<body> <select id="select_disable"> <option value="1">1</option> <option value="2">1</option> <option value="3">1</option> <select></body>

<script>$("#select_disable").attr("disabled","disabled").css("background-color","#EEEEEE");</script>

用jquery的attr方法给select控件添加disabled属性

由于即使是被禁止选择了,下拉框还是会显示白色,这样可能会让用户产生 误解,可以再加上一个灰色的背景色

推荐阅读