jquery设置属性 | jquery设置html属性

jquery设置html属性

用javascript标签的src属性来引入

jquery怎么设置属性

推荐使用兼容浏览器方式。根据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() 来改变其值。

jquery设置元素属性

事件委托，原生js；

伪代码：

点击ul后清空ul下所有li的类名（使其所有元素不可见）；

获取被点击的dom节点li（

event.target

）；

改变被点击的元素类名（使其可见）；

解释：

利用addEventListener给最上级元素绑定点击事件；

点击后触发匿名函数，清除除了当前点击的节点外所有的子元素类名

（可使用event.target获取当前被点击的dom节点）

（清除其他类名可用jquery的类选择器以及jquery的removeClass函数）；

给当前点击的元素赋予新的类名，改变样式。

jquery设置html内容

1打开编辑器，新建test.html页面，用于学习今天的内容

2在页面的body区域，新建一个div，给div加上class，叫做test，用来测试今天的内容

3在页面head标签下方引入jquery插件

4在页面body标签下方写上<script></script>,用来存放js代码

5通过class定位到div，通过text()方法改变文本内容

6在浏览器中打开test.html，查看实现的效果，发现文字已被改变

注意事项

text()方法括号内没有内容是用来获取文本，有内容使用来改变文本

jq设置css属性

//jquery 不支持这种写法background-color改成：backgroundColor//$()里的选择器是要加上引号的//例子：$("#id").css("backgroundColor","none")

jq 设置属性

常用的方法有两种：

1、用jquery直接加样式在html控件上，但是需要注意点加important的格式，如： $("p").click(function(){ $(this).css("cssText","color:red!important"); })

; 2、用jquery改变class，从而达到改变样式的目的，如果可以，就用jquery修改原来的class，如果原有class是必须的或者没有class，就定义一个新的class，在样式表里定义好这个class对应的样式属性，把你想改变的原来的css属性重新赋值且加上important，这样就能覆盖掉原来的加了important样式了。