一、jQuery簡介
為了簡化 JavaScript 的開發，誕生了一些 JavsScript 庫，這些JavaScript 庫封裝了很多預定義的物件和實用函式，能幫助使用者建立有高難度互動的 Web2.0 特性的富客戶端頁面，并且兼容各大瀏覽器，當前流行的 JavaScript 庫有: jQuery, MooTools, Prototype, Dojo, YUI, 其中應用最廣泛的就是jQuery，
-
jQuery是繼prototype之后又一個優秀的Javascript框架，其宗旨是——WRITE LESS,DO MORE,寫更少的代碼,做更多的事情， 它是輕量級的js庫(壓縮后只有21k) ，這是其它的js庫所不及的，它兼容CSS3，還兼容各種瀏覽器 （IE 6.0+, FF 1.5+,Safari 2.0+, Opera9.0+），
-
jQuery是一個快速的，簡潔的javaScript庫，使用戶能更方便地處理HTML documents、events、實作影片效果，并且方便地為網站提供AJAX互動，
-
jQuery還有一個比較大的優勢是，它的檔案說明很全，而且各種應用也說得很詳細，同時還有許多成熟的插件可供選擇，
-
jQuery能夠使用戶的html頁保持代碼和html內容分離，也就是說，不用再在html里面插入一堆js來呼叫命令了，只 需定義id即可，
二、jQuery語法
1、js庫的引入
<head>
//src=""內容表示js庫的路徑
<script src="../jq/jquery-3.4.1.js"></script>
</head>
2、jQuery的基本語法
<script>
$(function(){
});
</script>
或：
<script>
$(document).ready(function(){
});
</script>
第一種較為常用，為第二種的簡寫方式，
注：該內容可以放在代碼的任意位置，頭部、正文和尾部都可，
3、jQuery物件與dom物件的互換方法，
- jQuery 物件就是通過jQuery包裝DOM物件后產生的物件，
- 雖然jQuery物件是包裝DOM物件后產生的，但是jQuery無法使用DOM物件的任何方法，同理DOM物件也不能使用jQuery里的方法，
我們約定：如果獲取的是 jQuery 物件, 那么要在變數前面加上 $.
例：
var $variable = jQuery 物件
var variable = DOM 物件
DOM物件與jQuery物件是可以相互轉換的
<script>
$(function(){
// 通過dom的id選擇器選擇id為name的物件
var name = document.getElementById('name');
alert(name.value);//獲取dom物件的值
//通過$()方法將dom物件轉換為jQuery物件
var $name = $(name);
alert($name.val());//獲取jQuery物件的值
//jQuery物件為一個陣列物件，可直接通過[index]的方法轉換為dom物件
var name1 = $name[0];
//jQuery本身提供.get(index)方法得到相應的DOM物件
var names = $name.get(0);
alert(names.value);
});
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/265410.html
標籤：其他
上一篇：JAVA正則運算式的使用
下一篇：vue腳手架專案創建