jquery介紹,屬性操作

1,jquery介紹

jQuery是目前使用最廣泛的javascript函數(shù)庫。據(jù)統(tǒng)計,全世界排名前100萬的網(wǎng)站,有46%使用jQuery,遠遠超過其他庫。微軟公司甚至把jQuery作為他們的官方庫。

jQuery的版本分為1.x系列和2.x、3.x系列,1.x系列兼容低版本的瀏覽器,2.x、3.x系列放棄支持低版本瀏覽器,目前使用最多的是1.x系列的。

jquery是一個函數(shù)庫,一個js文件,頁面用script標簽引入這個js文件就可以使用。

<script type="text/javascript" src="js/jquery-1.12.2.js"></script>

2,jquery加載

將獲取元素的語句寫到頁面頭部,會因為元素還沒有加載而出錯,jquery提供了ready方法解決這個問題,它的速度比原生的 window.onload 更快。

3,jquery屬性操作

1、html() 取出或設(shè)置html內(nèi)容

// 取出html內(nèi)容

var htm =('#div1').html();

// 設(shè)置html內(nèi)容

$('#div1').html('<span>添加文字</span>');
2、text() 取出或設(shè)置text內(nèi)容

// 取出文本內(nèi)容

var htm =('#div1').text();

// 設(shè)置文本內(nèi)容

$('#div1').text('<span>添加文字</span>');
3、attr() 取出或設(shè)置某個屬性的值

// 取出圖片的地址

var src =('#img1').attr('src');

// 設(shè)置圖片的地址和alt屬性

$('#img1').attr({ src: "test.jpg", alt: "Test Image" });

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 通過jQuery,您可以選取(查詢,query)HTML元素,并對它們執(zhí)行“操作”(actions)。 jQuer...
    枇杷樹8824閱讀 713評論 0 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 28,781評論 1 45
  • 高效率慢生活踐行第61天 2019.01.15晨間檢視 就寢23:00晨起5:30 時間管理的核心是做減法 【今日...
    小妮蛋閱讀 182評論 0 0
  • 兒提出今天中午回來吃飯,我同意了。兒提前交卷,放棄了兩題沒做,原因是同學都在他之前交卷,實在做不下去了。我...
    大愛無疆楊青閱讀 231評論 0 9
  • 我是我,你是你 你我本是兩個毫無關(guān)系的生命體 時間讓我們相遇了 自此 我不再是我 而你仍是你 我追隨你的腳步 你卻...
    一只粥吶閱讀 126評論 0 0

友情鏈接更多精彩內(nèi)容