jquery修改属性值实例代码

 jQuery attr()方法用于设置/改变属性值,下面的例子演示如何改变(设置)链接中 href 属性的值

设置属性 - 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-08-08 03:56:15

jquery修改属性值实例代码的相关文章

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

设置属性 - attr() jQuery attr() 方法也用于设置/改变属性值. 下面的例子演示如何改变(设置)链接中 href 属性的值: 实例 复制代码 代码如下: $("button").click(function(){$("#keleyi").attr("href","http://www.jb51.net");}); attr() 方法也允许您同时设置多个属性.下面的例子演示如何同时设置 href 和 titl

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

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

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 属性值.另外,控件在命名上尽可能不要重复,以免获取的数据出错. 在程序开发过程中,获取文本框.

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

效果图展示如下所示: 使用方法: 只需引用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:

jquery获取radio值实例_jquery

本文实例讲述了jquery获取radio值的方法,分享给大家供大家参考.具体如下: 单选组radio: 复制代码 代码如下: $("input[@type=radio][@checked]").val(); 单选组 radio: 复制代码 代码如下: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 获取一组radio被选中项的值 复制代码 代码如下: var ite

jQuery元素属性操作实例(设置、获取及删除元素属性)_jquery

本文实例讲述了jQuery元素属性操作的方法.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.10.1.min.js" type="tex

jquery收缩展开效果实例代码

主要代码就那点,这个只是个简单的特效,后期可以衍生很多复杂的,前端开发需要大家自己慢慢摸索,多动手,亲们慢慢折腾吧.  代码如下 复制代码 $(document).ready(function(){    $(".box h1").toggle(function(){      $(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow");    },fu