JavaScript入門(mén)筆記6

1.jQuery

jQuery 是一個(gè) JavaScript 庫(kù)。
jQuery 極大地簡(jiǎn)化了 JavaScript 編程。
學(xué)習(xí):https://www.w3school.com.cn/jquery/jquery_intro.asp詳細(xì)教程
jQuery官網(wǎng):http://jquery.com

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").click(function(){
  $(this).hide();
  });
});
</script>
</head>

<body>
<p>disappear</p>
</body>

</html> 

由此可知jQuery的寫(xiě)法為$(selector).action()
1.美元符號(hào)定義 jQuery
2.選擇符(selector)
3.jQuery 的 action() 執(zhí)行對(duì)元素的操作

2.jQuery 選擇器

$("*")所有元素
$("#lastname")id="lastname" 的元素
$(".intro")所有 class="intro" 的元素
$("p")  所有 <p> 元素
$(".intro.demo")    所有 class="intro" 且 class="demo" 的元素

3.jQuery事件

bind()         向匹配元素附加一個(gè)或更多事件處理器
blur()                 觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 blur 事件
event.target    觸發(fā)該事件的 DOM 元素。
trigger()   所有匹配元素的指定事件
unbind()    從匹配元素移除一個(gè)被添加的事件處理器

4.jQuery操作DOM元素

[.get()]獲得由選擇器指定的 DOM 元素
[.index()]返回指定元素相對(duì)于其他指定元素的 index 位置
[.size()] 返回被 jQuery 選擇器匹配的元素的數(shù)量
[.toArray()]\以數(shù)組的形式返回 jQuery 選擇器匹配的元素

學(xué)習(xí)js要多多練習(xí)記住一些常用的

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

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

  • 寫(xiě)在前面 本文是我通過(guò)在網(wǎng)易云課堂上學(xué)習(xí) 葉建華 老師的 撩課-零基礎(chǔ)玩轉(zhuǎn)JavaScript 視頻教程,整理、精...
    David_Rao閱讀 260評(píng)論 0 0
  • jQuery 簡(jiǎn)介 jQuery 極大地簡(jiǎn)化了 JavaScript 編程。 jQuery 庫(kù)可以通過(guò)一行簡(jiǎn)單的標(biāo)...
    反域名閱讀 328評(píng)論 0 0
  • 因?yàn)閷?shí)習(xí)工作的需要,要編寫(xiě)部分前端的代碼。因此花了兩天對(duì)于前端的基礎(chǔ)知識(shí)進(jìn)行了簡(jiǎn)單的學(xué)習(xí)。基本上對(duì)于項(xiàng)目中前端代碼...
    卻無(wú)法閱讀 1,260評(píng)論 0 6
  • 前言 暑假的時(shí)候雖然說(shuō)學(xué)習(xí)過(guò)一遍jQuery了,但只是眼過(guò)一遍,熟悉了基本的使用并沒(méi)有做記錄,趁著學(xué)校這兩天學(xué)校運(yùn)...
    LongTean閱讀 1,598評(píng)論 3 51
  • 夜鶯2517閱讀 128,137評(píng)論 1 9

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