jquery设置属性值 | jquery 设置属性

1. jquery 设置属性

jquery可以使用attr()或prop()方法修改类名，javascript可以修改对象的className属性，关键代码如下：$("#test").attr("class","blue");$("#test").prop("class","blue");document.getElementById("test").className = "blue";实例演示如下:

1、HTML结构<style>.red{color:red !important;}.blue{color:blue !important;}</style><div id="test">我是示例DIV</div><input type="button" id="js" value="使用javascript方法修改类名为red"><br><input type="button" id="jq" value="使用jquery方法修改类名为blue"><br>

2、jquery代码$(function(){$("#jq").click(function() {$("#test").attr("class","blue");});}); window.onload = function(){document.getElementById("js").onclick = function(){document.getElementById("test").className = "red";}}3、效果演示

2. jquery设置自定义属性

原理很简单。。你在页面不同的位置的dom节点上增加一个自定义属性比如data-progress=20 data-progress=80然后你在页面头部设置一个start函数，再在页面onload的时候设置一个end函数。在页头执行你的js，每读取到一个data-progress就对应给进度条做动画即可。这和jq貌似没什么关系。。关键细节是如何依次读取到这个自己设置的progress呢？很简单，设置个setInterval，然后不断的读带data-progress的节点，读到一个新的设置一下，记下位置就好了。end的时候清掉定时器就ok了。参见这个项目：Progress.js - Themeable progress bar library

----才看见后面还有个问题，ajax的success 是指返回200的响应头，可以理解成网页资源的字符加载完毕。

3. jquery如何设置属性值

　　测试的最开始，data()和dataset从html中读取的data-v值是一致的，但是当对值进行修改时，结果就不一样了。　　另外，通过审查元素可以发现：　　通过jquery.data方法设置data属性不会修改DOM；　　而通过dataset方法则会同步修改DOM。　　或许可以认为，jquery data的实现方式没有遵循html 5标准。

4. jQuery中哪个方法可以设置元素属性?

.val()无参数，获取匹配的元素集合中第一个元素的当前值

.val( value )，设置匹配的元素集合中每个元素的值

.val( function ) ，一个用来返回设置值的函数

5. jquery设置css属性

Jquery使用addClass()与removeClass()来动态的添加或移出一个css类，例如：

1.$(“#para1”).addClass('highlight');添加一个“highlight”css类给id为para1的元素。

2.$(‘#para1’).removeClass(‘'highlight');从id为para1的元素中移出一个‘highlight’css类。具体实例代码如下：<html><head><styletype="text/css">.highlight{background:green;}</style><scripttype="text/javascript"src="jquery-1.

3.2.min.js"></script></head><body><h1>jQueryadd/removecssclassexample</h1><pid="para1">Thisisparagraph1</p><p>Thisisparagraph2</p><p>Thisisparagraph3</p><p>Thisisparagraph4</p><buttonid="addClass">Addhighlight</button><buttonid="removeClass">Removehighlight</button><scripttype="text/javascript">$("#addClass").click(function(){$('#para1').addClass('highlight');});$("#removeClass").click(function(){$('#para1').removeClass('highlight');});</script></body></html>初始的效果：点击addhighlight后的效果图：点击removehighlight后的效果图：

6. jquery 设置值

ExtJS的赋值，针对的是Ext自己的组件，Ext.form.TextField才是Ext的文本框，才能调用setValue()方法<input/>就不是Ext自己封装的对象，不能用Ext的方法，你可以用JS或者jQuery方法给<input/>赋值，例如：$("#id")[0].value="22"