资讯专栏INFORMATION COLUMN

JQuery修改a标签href和文字的值

Tony / 3168人阅读

摘要:修改标签的链接地址姐记得引用场景一只修改链接地址用到的方法设置或返回被选元素的属性值查看方法说明传入多个参数时,需要用花括号包裹起来,属性名不用,属性和属性值用隔开,属性与属性直间用隔开属性值属性值一个有梦想的咸鸭蛋咸鸭蛋咸鸭蛋使用方法

修改a标签的链接地址: "姐"记得引用JQuery!!!

场景一:只修改链接地址
用到JQuery的.attr();
.attr()方法设置或返回被选元素的属性值;(查看方法说明)
.attr()传入多个参数时,需要用花括号包裹起来,属性名不用"",属性和属性值用:隔开,属性与属性直间用,隔开
.attr({属性:"值",属性:"值"})
.attr({width:"100px",height:"200px"})


    
        
        一个有梦想的咸鸭蛋
        
    
    
        

咸鸭蛋

咸鸭蛋

如果需要判断条件


    
        
        一个有梦想的咸鸭蛋
        
    
    
        

咸鸭蛋

咸鸭蛋

情景二:
需要同时修改href和文字的值;
需要用到.text();(查看方法说明)
text() 方法方法设置或返回被选元素的文本内容。
请注意.text()和.html()的区别


    
        
        一个有梦想的咸鸭蛋
        
    
    
        

咸鸭蛋

咸鸭蛋

情景三:
根据某个条件修改a标签的href和文字值;
需要用到JavaScript的.test();(查看方法说明)
test() 方法用于检测一个字符串是否匹配某个模式

这里我根据h1标签的文字内容是否含有“咸鸭蛋”如果有就修改a标签



    
        
        一个有梦想的咸鸭蛋
        
    
    
        

咸鸭蛋

页面二:



    
        
        咸鸭蛋
        
    
    
        

一个有梦想的咸鸭蛋

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/50324.html

相关文章

  • JQuery修改a标签href文字的值

    摘要:修改标签的链接地址姐记得引用场景一只修改链接地址用到的方法设置或返回被选元素的属性值查看方法说明传入多个参数时,需要用花括号包裹起来,属性名不用,属性和属性值用隔开,属性与属性直间用隔开属性值属性值一个有梦想的咸鸭蛋咸鸭蛋咸鸭蛋使用方法 修改a标签的链接地址: 姐记得引用JQuery!!! 场景一:只修改链接地址用到JQuery的.attr();.attr()方法设置或返回被选元素的...

    he_xd 评论0 收藏0
  • JQuery修改a标签href文字的值

    摘要:修改标签的链接地址姐记得引用场景一只修改链接地址用到的方法设置或返回被选元素的属性值查看方法说明传入多个参数时,需要用花括号包裹起来,属性名不用,属性和属性值用隔开,属性与属性直间用隔开属性值属性值一个有梦想的咸鸭蛋咸鸭蛋咸鸭蛋使用方法 修改a标签的链接地址: 姐记得引用JQuery!!! 场景一:只修改链接地址用到JQuery的.attr();.attr()方法设置或返回被选元素的属...

    pkwenda 评论0 收藏0
  • JQuery修改a标签href文字的值

    摘要:修改标签的链接地址姐记得引用场景一只修改链接地址用到的方法设置或返回被选元素的属性值查看方法说明传入多个参数时,需要用花括号包裹起来,属性名不用,属性和属性值用隔开,属性与属性直间用隔开属性值属性值一个有梦想的咸鸭蛋咸鸭蛋咸鸭蛋使用方法 修改a标签的链接地址: 姐记得引用JQuery!!! 场景一:只修改链接地址用到JQuery的.attr();.attr()方法设置或返回被选元素的属...

    Scott 评论0 收藏0
  • JQuery修改a标签href文字的值

    摘要:修改标签的链接地址姐记得引用场景一只修改链接地址用到的方法设置或返回被选元素的属性值查看方法说明传入多个参数时,需要用花括号包裹起来,属性名不用,属性和属性值用隔开,属性与属性直间用隔开属性值属性值一个有梦想的咸鸭蛋咸鸭蛋咸鸭蛋使用方法 修改a标签的链接地址: 姐记得引用JQuery!!! 场景一:只修改链接地址用到JQuery的.attr();.attr()方法设置或返回被选元素的属...

    Dongjie_Liu 评论0 收藏0
  • [转载]jQuery插件开发详细教程

    摘要:本教程可能不是最精品的,但一定是最细致的。插件开发下面我们就来看第二种方式的插件开发。然后我们的插件代码在这个方法里面展开。 要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统。这好比大公司们争相做平台一样,得平台者得天下。苹果,微软,谷歌等巨头,都有各自的平台及生态圈。 学会使用jQuery并不难,因为它简单易学,并且相信你接触...

    kevin 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<