html改变a标签的内容,JQuery修改a标签href和⽂字的值修改a标签的链接地址： ""记得引⽤JQuery
场景⼀：只修改链接地址
⽤到JQuery的.attr()；
.attr()⽅法设置或返回被选元素的属性值；(查看⽅法说明)
.attr()传⼊多个参数时，需要⽤花括号包裹起来，属性名不⽤""，属性和属性值⽤：隔开，属性与属性直间⽤，隔开
.attr({属性："值"，属性："值"})
.attr({width："100px",height："200px"})
⼀个有梦想的咸鸭蛋
咸鸭蛋
//使⽤.attr()⽅法修改href值
$("#Go").attr("href","跳转地址");
如果需要判断条件
⼀个有梦想的咸鸭蛋
咸鸭蛋
//使⽤.attr()⽅法修改href值
if(判断条件){
$("#Go").attr("href","跳转地址");
}
情景⼆:
需要同时修改href和⽂字的值；
需要⽤到.text()；(查看⽅法说明)
text() ⽅法⽅法设置或返回被选元素的⽂本内容。
请注意.text()和.html()的区别
⼀个有梦想的咸鸭蛋
咸鸭蛋
//使⽤.attr()⽅法修改href值
$("#text").text("⼀个有梦想的咸鸭蛋")
$("#Go").attr("href","dome2.html");
情景三:
根据某个条件修改a标签的href和⽂字值；
需要⽤到JavaScript的.test()；(查看⽅法说明)
test() ⽅法⽤于检测⼀个字符串是否匹配某个模式
这⾥我根据h1标签的⽂字内容是否含有“咸鸭蛋”如果有就修改a标签
⼀个有梦想的咸鸭蛋
咸鸭蛋
//保存h1的值;
jquery在一个元素后追加标签var h1Text=$("#text").text();
//符合的匹配条件
var xyd=new RegExp("咸鸭蛋");
st(h1Text)){
$("#Go").text("⼀个有梦想的咸鸭蛋"); $("#Go").attr("href","dome2.html");
}
页⾯⼆：
咸鸭蛋
⼀个有梦想的咸鸭蛋
//保存h1的值;
var h1Text=$("#text").text();
console.log(h1Text)
//符合的匹配条件
var xyd=new RegExp("⼀个有梦想的咸鸭蛋"); st(h1Text)){
$("#Go").text("咸鸭蛋");
$("#Go").attr("href","index.html");
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。