jquery修改a标签的href链接和文字
以下修改a标签的href链接和修改文字的代码：
<script type="text/javascript" src="http:/keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
原链接：
<a href="http://keleyi.com" id="home_keleyi_com">柯乐义</a>
修改a标签的href链接：
$('#home_keleyi_com').attr('href','http://keleyi.com');
修改文字：
$("#home_keleyi_com").text('柯乐义首页');
修改后的链接为：
<a href="http://keleyi.com" id="home_keleyi_com">柯乐义首页</a>
下面是完整代码：
<!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>jquery修改链接--柯乐义</title>
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
</head>
<body>
jquery修改a标签的href链接和文字,先点击下面链接<br />然后点击"改变"按钮，然后点点击一次下面的链接，注意两次打开页面的不同：<br />
<a href="http://keleyi.com/a/bjac/d863921ed93d03ff.htm" id="home_keleyi_com" target="_blank">原文</a>
<input type="button" value="改变" id="gb_keleyi_com" />
<script type="text/javascript">
$("#gb_keleyi_com").bind("click",function (){
$('#home_keleyi_com').attr('href','http://keleyi.com');
$("#home_keleyi_com").text('柯乐义首页');})
</script>
</body>
</html>
分享到：
相关推荐
本教程将详细介绍如何使用jQuery实现纯文字的tab标签切换效果，以及提供的代码资源。 首先，理解jQuery的基本概念至关重要。jQuery的核心功能包括选择器（用于选取HTML元素）、DOM操作（添加、删除或修改元素）和...
`tag-it.js` 是一款基于 jQuery 的强大插件，主要用于在输入框中创建和管理文字标签。这个插件允许用户通过简单的交互，如敲击空格键，将输入的文字转化为可编辑、可删除的标签，为网站或应用提供了一种直观且灵活的...
当鼠标悬浮在某个Tab标签上时，通过jQuery修改该元素的背景位置，显示出对应的效果，从而实现动态的切换效果。这种方法的优点是节省了网络资源，因为只需要加载一张图片，而不是为每个状态准备单独的图片。 以下是...
总的来说，“jQuery放大缩小文字导航”是一种独特且吸引人的设计，通过jQuery库和CSS3的结合，可以轻松地在网页中实现。这样的导航不仅提高了用户的互动性，还能提升网站的专业性和吸引力。在实际开发中，你可以根据...
通常，导航条包含一系列链接元素（`<a>`标签），这些元素将作为动画的目标。例如： ```html <li><a href="#">首页</a> <li><a href="#">关于</a> <li><a href="#">服务</a> <li><a href="#">联系我们</a> ...
4. `.ui-tabs-anchor`：每个标签链接的样式，包括文字颜色、鼠标悬停效果等。 ### 引入 `jquery.mobile.tabs.js` `jquery.mobile.tabs.js` 文件则是 `jQuery.mobile.tabs` 的核心脚本，它负责处理标签页的交互逻辑...
link.innerHTML = '新的链接文字'; ``` 3. **添加和移除链接**：JavaScript可以方便地在DOM树中插入或删除链接元素： ```javascript var newLink = document.createElement('a'); newLink.href = '...
用户选择皮肤时，jQuery会动态修改`<head>`中的`<link>`标签的`href`属性，指向用户选择的新皮肤。 "jquery.cookie.js"是一个jQuery插件，用于读取、写入和删除浏览器的cookies。在换肤功能中，我们可以利用这个...
在这个例子中，`#themeSwitch`是用于切换主题的按钮ID，`$("#themeLink")`选取了CSS链接标签，`.attr("href", "...")`用于修改或获取属性值。通过判断当前主题，我们可以轻松地在不同主题之间切换。 此外，为了提高...
通过更改`link`标签的`href`属性，可以实现页面样式的动态切换： ```javascript $(document).ready(function() { $("a.Styleswitcher").click(function() { $('link[rel=stylesheet]').attr('href', $(this)....
最后，如果需要对链接执行其他复杂的操作，如修改链接行为或触发AJAX请求，可以使用jQuery的`click()`或`ajax()`方法。例如，我们可以监听链接点击事件，然后发送一个异步请求： ```javascript $('.ajax-link')....
下面的示例展示了如何找到链接并修改它们的目标URL： ```javascript $("[href]").attr("href", function(i, href) { return href + "?param=value"; // 在每个链接的URL后追加参数 }); ``` **5. 通配符选择器** `...
初始状态下，第一个链接被赋予了`.nav-active`类，这个类用于设置高亮背景和文字颜色。 ```html <li class="nav-active"><a href="javascript:;" rel="external nofollow">首页</a> <li><a href="javascript:;" ...
比如，在文档遍历和修改时，尽量减少对DOM的直接操作，多使用jQuery提供的方法来实现。同时，减少不必要的事件绑定，避免在事件处理函数中使用复杂的选择器或者操作。此外，在页面加载时，合理安排脚本执行顺序，...
在这个结构中，`<ul>`标签内包含了多个`<li>`列表项，每个列表项内都有一个`<a>`标签，即菜单项的链接。`class`属性用于样式的定义和后续JavaScript操作。 #### 2. jQuery脚本 使用jQuery来实现鼠标悬浮显示二级...
这通常包括一个容器元素，比如`<div>`，以及一系列的图标链接元素，如`<a>`标签，每个链接都包含一个图标（可以是图片或者字体图标）和相应的文字描述。例如： ```html <a href="#" class="menu-item"> ...
4. 面板部分使用`<div>`标签，添加`.tab-content`和`.tab-pane`类，以及一个唯一的`id`与`<a>`标签的`href`匹配。 **二、jQuery动画效果** 虽然Bootstrap的选项卡组件可以实现基本的切换功能，但要添加滑动动画，...
例如，如果你想要给所有的`<a>`标签添加提示效果，可以这样写： ```javascript $(document).ready(function() { $('a').tinyTips({ // 在这里设置插件的选项，如提示框的样式、位置、延迟时间等 }); }); ``` 在...
根据提供的文件信息，本文将详细解释其中提及的四个jQuery使用技巧，包括禁用右键点击、禁用搜索文本框中的提示文字、在新窗口中打开链接以及如何检测浏览器类型。 ### 1. 禁用右键点击 (Disable Right-click) 在...