1、新建html文檔,在body標簽中添加一些a標簽,然后引入jQuery文件:
創(chuàng)新互聯(lián)-專業(yè)網站定制、快速模板網站建設、高性價比通江網站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式通江網站制作公司更省心,省錢,快速模板網站建設找我們,業(yè)務覆蓋通江地區(qū)。費用合理售后完善,十載實體公司更值得信賴。
2、在body標簽中添加script標簽,等待文檔加載完成后定義需要需要的指定文字,然后賦值給一個變量:
3、然后用遍歷去遍歷所有查找到的a標簽,判斷a標簽的內容是否和指定的文字相同,如果相同則添加指定的class:
在js或者jQuery下面得到指定的div下面的指定a標簽的方法:
1、通過id直接獲取所需a標簽:$("#ids");
2、通過從屬關系獲得a標簽。
$("div
a");然后對取得的元素遍歷,找到需要的a標簽即可。
需要準備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script標簽,輸入jquery代碼:
$('a').each(function () {$('body').append($(this).text());});
3、瀏覽器運行index.html頁面,此時頁面上所有的a標簽都被獲取到并打印了文本。
1、新建一個html文件,命名為test.html,用于講解。
2、在test.html文件內,在p標簽內,使用a標簽創(chuàng)建一個鏈接,同時設置id為mylink,主要用于下面通過該id獲得a對象。
3、在test.html文件內,給a標簽添加title屬性,屬性值為“這是測試的鏈接”。
4、在test.html文件內,使用button標簽創(chuàng)建一個按鈕,按鈕名稱為“獲得title內容”。
5、在test.html文件中,給button按鈕綁定onclick點擊事件,當按鈕被點擊時,執(zhí)行getitle()函數。
6、在js標簽內,創(chuàng)建getitle()函數,在函數內,通過id(mylink)獲得a對象,使用attr()方法獲得title屬性值,即title的內容,最后,使用alert()方法將獲得的內容輸出。
7、在瀏覽器打開test.html文件,點擊按鈕,查看實現的效果。
本文實例講述了jQuery簡單獲取DIV和A標簽元素位置的方法。分享給大家供大家參考,具體如下:
一、獲取DIV的位置
var
top
=
jquery("#div_id").offset().top;
//獲取div的居上位置
var
left
=
jquery("#div_id").offset().left;
//獲取div的居左位置
var
height
=
jquery("#div_id").height();
//獲取div的高度
var
width
=
jquery("#div_id").width();
//獲取div的寬度
jquery("#div_id").css({'top':top,'left':left,'height':height,'width':width});
//設置DIV的css屬性
二、獲取A標簽的位置
a
href=""
rel="external
nofollow"
onclick="javascript:get_a(this,1)"獲取A標簽的位置/a
script
language="javascript"
function
get_a(thisObj,param){
var
top
=
jquery(thisObj).offset().top;
var
left
=
jquery(thisObj).offset().left;
var
height
=
jquery(thisObj).height();
var
width
=
jquery(thisObj).width();
}
/script
更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery頁面元素操作技巧匯總》、《jquery選擇器用法總結》、《jQuery表單操作總結》、《jQuery常用插件及用法總結》、《jQuery表格(table)操作技巧匯總》、《jQuery擴展技巧總結》及《jQuery常見經典特效匯總》
希望本文所述對大家jQuery程序設計有所幫助。
網站名稱:jquery獲取a標簽,獲取a標簽的值
當前網址:http://jinyejixie.com/article12/hojggc.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供手機網站建設、外貿建站、網站策劃、App設計、定制網站、品牌網站設計
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)