js進階 10-2 JQuery基礎語法是什麼

時間 2020-05-22

標籤進階 jquery 基礎語法什麼欄目 JavaScript 简体版

原文原文鏈接

js進階 10-2 JQuery基礎語法是什麼

1、總結

一句話總結：

一、jquery語法超級簡單：基礎語法是：$(selector).action()css

二、jquery選擇的時候是帶了引號的，確定要帶啊，又不是變量，怎麼能夠直接放在括號裏面html

三、jquery中$符號徹底等同於jQueryjava

四、jquery改變css樣式：.css而後接鍵值對，都有單引號，長鏈的模式jquery

五、$(this)表示選中的那個元素，多箇中，點擊的那個，選中的元素編程

六、括號裏面只能裝變量，不是變量的直接放在括號裏面是錯的，要加引號瀏覽器

一、jquery中基礎語法是?

$(selector).action()。選擇的時候是帶了引號的dom

二、jquery中$符號徹底等同於jQuery麼?

對的ide

三、jquery中如何改變元素的樣式?

選中元素，而後.css而後接鍵值對，都有單引號，長鏈的模式。$('#p2').css('color','red').css('font-size','50px').css('background','green')函數

四、jquery中$(this)表示什麼?

$(this)表示選中的那個元素，多箇中，點擊的那個，選中的元素學習

p是有多個的，$(this)表示選中的那個

19     $('p').click(function(){ 20 $(this).hide() 21 })

五、jquery中如何個元素添加click事件?

選中元素，點click，裏面是匿名函數

六、jquery中括號裏面只能裝變量，不是變量的直接放在括號裏面是錯的，要加引號，這句好對麼，別的語言中呢?

都是對的

七、jquery中$（）中直接加函數能夠麼，爲何？

也是能夠直接添加函數的，表示不選中元素

2、js進階 10-2 JQuery語法一

一、相關知識：JQuery概述

1.JQuery簡介

JQuery是一個JavaScript庫。極大地簡化了JavaScript編程。
JQuery擁有強大的選擇器支持，支持CSS1-CSS3幾乎全部的選擇器，以及JQ首創的高級而複雜的選擇器。
解決了不一樣瀏覽器間的兼容問題
代碼簡潔，功能強大，易於理解......

2.JQuery的引入

注：jquery1.x版本支持IE 6/7/8;jquery-2.x以上版本再也不支持IE 6/7/8

目前最新版本爲jquery-3.1.1(最新），你們能夠隨時關注官網最新版本的動態，對於初學者來講，看教程的時候，你看之前版本的教程書籍依然有用，很對新版本增長的功能對於初學者未必用得上，另你掌握了一個版本的用法以後，即便版本後續有更新，只要關注更新部分便可，不會對學習形成太大的困擾.......

JQuery各版本下載地址

官網下載到本地引入
百度壓縮版本引用地址1：
http://libs.baidu.com/jquery/2.0.0/jquery.min.js
百度壓縮版本引用地址2：
https://code.jquery.com/jquery-3.1.1.min.js
.....

3.JQuery的語法

基礎語法是：$(selector).action()

美圓符號定義JQuery
- $就是jquery對象
- $是JQuery中選取元素的符號
- $是JQuery中功能函數的前綴(功能函數後邊再講)
選擇符(selector)"查詢"和"查找"HTML元素
JQuery的action()執行對元素的操做

4.document.ready和window.onload的區別

Jquery中$（document).ready()的做用相似於傳統javaScript中的window.onload方法，不過與window.onload方法仍是有區別的。

$（function(){})和$（document).ready(function(){})這兩個方法的效果都是同樣的，都是在dom文檔樹加載完以後執行一個函數 Window.onload必須等到頁面內包括圖片的全部元素加載完畢後才能執行。
Window.onload必須等到頁面內包括圖片的全部元素加載完畢後才能執行。
Window.onload不能同時編寫多個,若是有多個window.onload方法,只會執行一個$(document).ready()能夠同時編寫多個,而且均可以獲得執行

二、代碼

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>演示文檔</title>
 6     <script src="jquery-3.1.1.min.js"></script>
 7 </head>
 8 <body>
 9 <input type="button" value="測試按鈕">
10     <p id="p1">段落1</p>
11     <p id="p2">段落2</p>
12     <p id="p3">段落3</p>
13     <p id="p4">段落4</p>
14     <script>
15     //給元素添加事件
16  $('input').click(function(){ 17  alert('jQuery就是這麼簡單!') 18  }) 19  $('p').click(function(){ 20  $(this).hide() 21  }) 22     //改變元素的css樣式
23  $('#p2').css('color','red').css('font-size','50px').css('background','green') 24     </script>
25 </body>
26 </html>

3、測試題-簡答題

一、jquery中基礎語法是?

$(selector).action()。選擇的時候是帶了引號的

二、jquery中$符號徹底等同於jQuery麼?

對的

三、jquery中如何改變元素的樣式?

選中元素，而後.css而後接鍵值對，都有單引號，長鏈的模式。$('#p2').css('color','red').css('font-size','50px').css('background','green')

四、jquery中$(this)表示什麼?

$(this)表示選中的那個元素，多箇中，點擊的那個，選中的元素

p是有多個的，$(this)表示選中的那個

19  $('p').click(function(){ 20  $(this).hide() 21  })

五、jquery中如何個元素添加click事件?

選中元素，點click，裏面是匿名函數

六、jquery中括號裏面只能裝變量，不是變量的直接放在括號裏面是錯的，要加引號，這句好對麼，別的語言中呢?

都是對的

七、jquery中$（）中直接加函數能夠麼，爲何？

也是能夠直接添加函數的，表示不選中元素

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。