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

设置属性 - attr()

jQuery attr() 方法也用于设置/改变属性值。

下面的例子演示如何改变(设置)链接中 href 属性的值:

实例

复制代码 代码如下:

$("button").click(function(){
$("#keleyi").attr("href","http://www.jb51.net");
});

attr() 方法也允许您同时设置多个属性。
下面的例子演示如何同时设置 href 和 title 属性:

实例

复制代码 代码如下:

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

attr() 的回调函数

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

下面的例子演示带有回调函数的 attr() 方法:

实例

复制代码 代码如下:

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

时间: 2024-10-29 17:37:59

jquery修改属性值实例代码(设置属性值)_jquery的相关文章

js+jquery title 提示层实例代码

提示:您可以先修改部分代码再运行 js+jquery title 提示层实例代码 title提示层实例 用jQuery在IE6下实现css的max-width属性 用jQuery在IE6下实现css的max-width属性 用jQuery在IE6下实现css的max-width属性 用jQuery在IE6下实现css的max-width属性 提示:您可以先修改部分代码再运行

PHP获取文本框、密码域、按钮的值实例代码

获取表单元素提交的值是表单应用中最基本的操作方法.本节中定义 POST()方法提交数据,对获取表单元素提交的值进行详细的讲解. 获取文本框.密码域.按钮的值 获取表单数据,实际上就是获取不同的表单元素的数据.<form>标签中的 name 是所有表单元素都具备的属性,即这个表单元素的名称,在使用时需要使用 name 属性来获取响应的 value 属性值. 所以,添加的所有控件必须定义对应的 name 属性值.另外,控件在命名上尽可能不要重复,以免获取的数据出错. 在程序开发过程中,获取文本框.

基于jQuery实现返回顶部实例代码_jquery

效果图展示如下所示: 使用方法: 只需引用jQuery库和YesTop插件,然后一句代码就可以实现返回顶部: 引用代码: <script type="text/javascript" src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="http:

html-如何使用jQuery给HTML中select标签设置默认值?

问题描述 如何使用jQuery给HTML中select标签设置默认值? 页面里有这么一个标签: <select id="user-sex" data-toggle="select" class="form-control select select-primary select-lg"> <option value="0">Secret</option> <option value=&

node-http-proxy修改响应结果实例代码_javascript技巧

最近在项目中使用node-http-proxy遇到需要修改代理服务器响应结果需求,该库已提供修改响应格式为html的方案:Harmon,而项目中返回格式统一为json,使用它感觉太笨重了,所以自己写了个可解析和修改json格式的库, 期间也遇到了之前未关注的问题:http传输编码.node流的相关处理.下面是实现代码: var zlib = require('zlib'); var concatStream = require('concat-stream'); /** * Modify the

jquery修改属性值实例代码

 jQuery attr()方法用于设置/改变属性值,下面的例子演示如何改变(设置)链接中 href 属性的值 设置属性 - attr()   jQuery attr() 方法也用于设置/改变属性值.   下面的例子演示如何改变(设置)链接中 href 属性的值:   实例    代码如下: $("button").click(function(){ $("#keleyi").attr("href","http://www.jb51.n

PHP用正则匹配form表单中所有元素的类型和属性值实例代码

前言 最近工作中遇到一个需求,需要在正则匹配页面中,所有可能存在的 form 表单的元素,可能有 input,action,select,textarea等等所有可能的元素,本文给出一个代码示例.感兴趣的朋友们可以参考学习. 实例代码如下 假设页面 1.html 的网页源代码是: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>一个含有 form 表单

jquery 设置元素相对于另一个元素的top值(实例代码)_jquery

<div id="span1">sfdsfsddfsdf</div><span id="span2" style="position:relative">         <input id="input" type="text"></input>        <input id="button" type="

web前端开发JQuery常用实例代码片段(50个)_jquery

本文给大家展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助.其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成.这些都是我尽量记住的有着最佳性能的代码段,因此如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!我希望你在这一文章中能找到有帮助的东西. 1. 如何创建嵌套的过滤器 //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分.在这种情况下