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

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"

7. jquery设置元素的值

jQuery匹配上一个元素的方法是?prev()。 如果给定一个表示DOM元素集合的jQuery对象,prev()方法在DOM树中搜索这些元素的前一个同胞元素,并用匹配元素构造一个新的jQuery对象。类似地,.next()方法用以获得匹配元素集合中每个元素紧邻的后一个同辈元素。

1、语法: .prev(selector)功能:获得匹配元素集合中每个元素紧邻的前一个同辈元素,由选择器筛选(可选) 参数:selector字符串值,包含用于匹配元素的选择器表达式。

2、示例: $("p").prev(".selected");?????//?检索每个段落,找到前一个类名为?"selected"?的同胞元素

tag:设置属性元素属性值方法

相关内容