jquery修改属性值实例代码(设置属性值)

复制代码 代码如下:

设置属性 – attr()

设置属性 – attr()

jquery修改属性值实例代码

 jQuery
attr()方法用于安装/改动属性值,上边包车型大巴例证演示如何转移(设置)链接中 href
属性的值

安装属性 – attr()

 

jQuery attr() 方法也用于安装/改换属性值。

 

上面包车型大巴例证演示如何退换(设置)链接中 href 属性的值:

 

实例

 

 代码如下:

$(“button”).click(function(){

$(“#keleyi”).attr(“href”,””);

});

 

attr() 方法也同意你相同的时间设置三个性格。

上面包车型客车例证演示如何同期设置 href 和 title 属性:

 

 

实例

 

 

复制代码 代码如下:

$(“button”).click(function(){

$(“#keleyi”).attr({

“href” : “”,

“title” : “柯乐义网”

});

});

 

 

奥门威尼斯网址,attr() 的回调函数

 

jQuery 方法
attr(),也提供回调函数。回调函数由三个参数:被选成分列表中当前因素的下标,以及原本(旧的)值。然后以函数新值重返您希望利用的字符串。

 

下边包车型地铁例子演示带有回调函数的 attr() 方法:

 

实例

 

 代码如下:

$(“button”).click(function(){

$(“#keleyi”).attr(“href”, function(i,origValue){

return origValue + “/jquery”;

});

});

 

jQuery
attr()方法用于安装/改换属性值,下边包车型地铁例证演示怎样退换(设置)链接中 href
属性的值 设置属性 – attr() j…

var fontSize = $(this).attr(‘style’,function(i,s){
return s.replace(/font-size:\s*(\d+.{0,1}\d*)/, function(a){
return a + ‘px’;
});
});
//console.debug(“font-size: “+
$(this).attr(‘style’).match(/(?:font-size:)s*(\d+.{0,1}\d*)/));

jQuery attr() 方法也用于安装/更改属性值。

jQuery attr() 方法也用于安装/改动属性值。

var style = $(this).attr(‘style’);
var fontSize = $(this).css(‘font-size’,function(){
var s =
style.match(/(?:font-size:)s*(\d+.{0,1}\d*)/)[0].replace(/font-size:/,”);
return s;
});

上面包车型客车事例演示怎么着转移(设置)链接中 href 属性的值:

上面包车型地铁例子演示怎么着退换(设置)链接中 href 属性的值:

代码如下: var fontSize =
$(this).attr(‘style’,function(i,s){ return
s.replace(/font-size:\s*(\d+.{0,1}\d*)/, function(a){ return a +
‘px’; }); }); //console.debug(…

实例

实例

复制代码 代码如下:

复制代码 代码如下:

$(“button”).click(function(){
$(“#keleyi”).attr(“href”,”//www.jb51.net”);
});

$(“button”).click(function(){
$(“#keleyi”).attr(“href”,””);
});

attr() 方法也允许你同一时间设置七个属性。
上边包车型地铁事例演示怎样同时安装 href 和 title 属性:

attr() 方法也同意你同期设置六特个性。
下边包车型大巴事例演示怎样同期设置 href 和 title 属性:

实例

实例

复制代码 代码如下:

复制代码 代码如下:

$(“button”).click(function(){
$(“#keleyi”).attr({
“href” : “//www.jb51.net”,
“title” : “柯乐义网”
});
});

$(“button”).click(function(){
$(“#keleyi”).attr({
“href” : “”,
“title” : “柯乐义网”
});
});

attr() 的回调函数

attr() 的回调函数

jQuery 方法
attr(),也提供回调函数。回调函数由七个参数:被选成分列表中当前因素的下标,以及原本(旧的)值。然后以函数新值重回您愿意利用的字符串。

jQuery 方法
attr(),也提供回调函数。回调函数由四个参数:被选成分列表中当前因素的下标,以及原本(旧的)值。然后以函数新值重临您愿意接纳的字符串。

上面包车型客车事例演示带有回调函数的 attr() 方法:

上面包车型大巴例子演示带有回调函数的 attr() 方法:

实例

实例

复制代码 代码如下:

复制代码 代码如下:

$(“button”).click(function(){
$(“#keleyi”).attr(“href”, function(i,origValue){
return origValue + “/jquery”;
});
});

$(“button”).click(function(){
$(“#keleyi”).attr(“href”, function(i,origValue){
return origValue + “/jquery”;
});
});

– attr() jQuery attr()
方法也用于安装/改变属性值。 下边包车型客车例子演示如何改造(设置)链接中 href
属性的值: 实例 复制代码 代码如…

发表评论

电子邮件地址不会被公开。 必填项已用*标注