How jquery modifies the content of a: 1. Set the attribute value of the selected element through the jquery attr() method; 2. Set the text content of the selected element through the jquery text() method.
The operating environment of this article: windows7 system, jquery3.2.1 version, DELL G3 computer
How to modify the content of a with jquery?
jquery modifies the href link and text of a tag
The following is the code to modify the href link and text of a tag:
<script type="text/javascript" src="http:/keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
Original link:
<a href="http://keleyi.com" id="home_keleyi_com">柯乐义</a>
Modify the href link of the a tag:
$('#home_keleyi_com').attr('href','http://keleyi.com');
Modify the text:
$("#home_keleyi_com").text('柯乐义首页');The modified link is:
<a href="http://keleyi.com" id="home_keleyi_com">柯乐义首页</a>
The following is the complete link Code:
<!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 to modify the href link and text of the a tag, first click the link below
then click the "Change" button, then click the link below once, pay attention to opening the page twice Different: