js進階 10-1 JQuery是什麼

時間 2020-05-22

標籤進階 jquery 什麼欄目 JavaScript 简体版

原文原文鏈接

js進階 10-1 JQuery是什麼

1、總結

一句話總結：

一、兩種引用jquery的方法？

能夠在線jquery和本地jquery兩種javascript

二、jquery主要好處？

瀏覽器兼容問題html

2、js進階 10-1 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/8java

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

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方法仍是有區別的。dom

$（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 type="text/javascript" src="jquery-3.1.1.min.js"></script> -->
 7 <!-- <script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> -->
 8     <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
 9     <script type="text/javascript">
10  $(function(){ 11  alert('hello,jQuery!') 12  }) 13     </script>
14 </head>
15 <body>
16 
17 </body>
18 </html>

相關標籤/搜索

每日一句

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