jquery如何修改连接a的href属性值

jquery如何修改连接a的href属性值:
有时候可能需要动态的修改超链接的指向地址,下面通过代代码实例简单的介绍一下。
代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#bt").click(function(){
    $("#theLink").attr("href","http://www.softwhy.com");
        $("#theLink").text("蚂蚁部落");
  })
})
</script>
</head>
<body>
<a href="www.163.com" id="theLink">网易</a>
<input type="button" id="bt" value="改变地址"/>
</body>
</html>

以上代码实现了我们的要求,代码比较简单,这里就不多介绍了,具体可以参阅相关阅读。
相关阅读:
1.click事件可以参阅jQuery的click事件一章节。
2. attr()函数可以参阅jQuery的attr()方法一章节。 
3.text()函数可以参阅jQuery的text()方法一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11307

更多内容可以参阅:http://www.softwhy.com/jquery/

时间: 2024-10-25 00:40:39

jquery如何修改连接a的href属性值的相关文章

jquery设置href属性值

jquery设置href属性值:有时候往往要动态设置链接的href属性值,下面就简单介绍一下.方法十分的简单,直接上代码了: $('#link').attr('href','http://www.softwhy.com'); 更多相关内容可以参阅jQuery的attr()方法一章节 原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8124 更多内容可以参阅:http://www.softwhy.com/jquery/

jquery 取子节点及当前节点属性值

分享下jquery取子节点及当前节点属性值的方法. <li class="menulink"><a href="#" rel="external nofollow" id="101" onclick="changeMenu('101','资料管理','#' )"><span>资料管理</span></a></li>取子节点:$(&quo

js中的innerText、innerHTML、属性值、value与jQuery中的text()、html()、属性值、val()总结

js与jQuery获取text.html.属性值.value的方法是不一样的. js与jQuery,text与innerText获取(<!---->中为结果) html: <p id="test">这是段落中的 <b>粗体</b> 文本.</p> <button id="btn10">jQuery显示text</button> <!--Text: 这是段落中的 粗体 文本.--

使用xpath提取页面所有a标签的href属性值

# -*- coding: utf-8 -*- #1.选取节点 #获取所有的div元素 //div #/代表获取根节点的直接子元素 #获取所有带有id属性的div //div[@id] #2.谓词(索引从1开始) #获取body下面的第一个/最后一个div元素/前两个 //body/div[1] //body/div[last()] //body/div[position<3] #获取具有class='price'属性的div标签 //div[@class='price'] #3.通配符 # *

jquery练习(一次性赋予多个属性值)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <me

javascript和jquery修改a标签的href属性

javascript: 代码如下: document.getElementById("myId").setAttribute("href","www.xxx.com"); document.getElementById("myId").href = "www.xxx.com"; jquery: 代码如下: $("#myId").attr("href","ww

&lt;a&gt;标签 href属性值为#或以#开头的意思

比如说当一个页面里面有一个这样的标签   <a name="hello" >name为hello的锚点</a> 这个<a>标签可以称之为一个"锚点" 当然页面上还有这两个超链接<a>标签. <a href="#hello">回到name为hello的锚点</a><br> <a href="#">回到顶层</a> 好那么现

JQuery修改对象的属性值

JQuery修改对象的属性值 用到的便是JQuery提供的attr方法,获取属性值的基本结构为:$(obj).attr("属性名"):修改属性值的结构为:$(obj).attr("属性名", "属性值"): <script type="text/javascript"> function ChangeObjAttrValue() { var objs = $("#first_div .mySpan&quo

JQuery 操作对象的属性值

通过JQuery去操作前台对象(div,span...)的属性是很常见的事情,本文就简单的介绍几种操作情形. 1):通过属性值去获取对象 2):用JQuery去修改对象的属性值 3):获取并修改对象的Style的属性值 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src=&quo