jquery分析文本里url或郵件地址為真實(shí)鏈接的方法

更新時(shí)間：2015年06月20日 10:23:37 作者：不吃皮蛋

這篇文章主要介紹了jquery分析文本里url或郵件地址為真實(shí)鏈接的方法,涉及jQuery正則匹配與替換的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了jquery分析文本里url或郵件地址為真實(shí)鏈接的方法。分享給大家供大家參考。具體如下：

這段代碼可以分析出文本里的所有超級(jí)鏈接，包含郵件、url、#鏈接等等，并分別輸出為真實(shí)鏈接地址

$.fn.tweetify = function() {
 this.each(function() {
  $(this).html(
   $(this).html()
    .replace(/((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi,'<a href="$1">$1</a>')
    .replace(/(^|\s)#(\w+)/g,'$1<a )
    .replace(/(^|\s)@(\w+)/g,'$1<a )
  );
 });
 return $(this);
}

用法：

復(fù)制代碼代碼如下:

$("p").tweetify();

原始文本：

復(fù)制代碼代碼如下:

<p>@seanhood have you seen this http://icanhascheezburger.com/ #lol</p>

分析以后：

<p><a >@seanhood</a> have you seen this
<a >http://icanhascheezburger.com/</a>
<a >#lol</a></p>

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

jquery
url

相關(guān)文章

Jquery加載時(shí)從后臺(tái)讀取數(shù)據(jù)綁定到dropdownList實(shí)例
從后臺(tái)讀取數(shù)據(jù)綁定到dropdownList，option選項(xiàng)value動(dòng)態(tài)賦值，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈
2013-06-06
淺談jQuery構(gòu)造函數(shù)分析
jquery的構(gòu)造函數(shù)很好的運(yùn)用的javascript的充分利用了JavsScript語(yǔ)言的動(dòng)態(tài)性——對(duì)行參的類(lèi)型和個(gè)數(shù)沒(méi)有的嚴(yán)格要求，以至于一個(gè)函數(shù)可以實(shí)現(xiàn)多種功能需求，也為JavaScript語(yǔ)言的多態(tài)性提供了基礎(chǔ)，在這個(gè)構(gòu)造函數(shù)中，提供了六種不同的調(diào)用格式（根據(jù)官方API文檔）
2015-05-05
詳談jQuery操縱DOM元素屬性 attr()和removeAtrr()方法
這篇文章主要詳細(xì)介紹了jQuery操縱DOM元素屬性 attr()和removeAtrr()方法，非常的全面細(xì)致，在這里推薦給小伙伴們。
2015-01-01
jQuery總體架構(gòu)的理解分析
jQuery總體架構(gòu)的理解,學(xué)習(xí)jquery的朋友可以參考下。
2011-03-03
jquery photoFrame 圖片邊框美化顯示插件
jquery.photoFrame是很方便的一個(gè)相框插件，原理也很簡(jiǎn)單，將選定對(duì)象用九宮格table包裹，再設(shè)置其邊框的背景圖片即可。
2010-06-06
jQuery獲取元素父節(jié)點(diǎn)的方法
這篇文章主要介紹了使用jQuery獲取元素父節(jié)點(diǎn)的方法,通俗易懂,需要的朋友可以參考下。
2016-06-06
jquery判斷復(fù)選框選中狀態(tài)以及區(qū)分attr和prop
這篇文章主要介紹了jquery判斷復(fù)選框選中狀態(tài)以及區(qū)分attr和prop，感興趣的小伙伴們可以參考一下
2015-12-12
jQuery移動(dòng)和復(fù)制dom節(jié)點(diǎn)實(shí)用DOM操作案例
復(fù)制節(jié)點(diǎn)也是常用的DOM操作之一，例如很多購(gòu)物網(wǎng)站的效果,本文將介紹jQuery移動(dòng)和復(fù)制dom節(jié)點(diǎn)等實(shí)用DOM操作，有需的朋友可以參考下
2012-12-12
使用Browserify配合jQuery進(jìn)行編程的超級(jí)指南
這篇文章主要介紹了使用Browserify配合jQuery進(jìn)行編程的超級(jí)指南,Browserify 可以讓你使用類(lèi)似于node的require()的方式來(lái)組織瀏覽器端的JavaScript代碼,需要的朋友可以參考下
2015-07-07
jquery列表拖動(dòng)排列(由項(xiàng)目提取相當(dāng)好用)
最好的jquery列表拖動(dòng)排列自定義拖動(dòng)層排列。當(dāng)點(diǎn)擊或拖動(dòng)列表時(shí)，可以自定義隨意拖放列表模塊到相應(yīng)位置
2014-06-06