1. 程式人生 > >jquery初始

jquery初始

emp contains scl 兼容 3.2 jquery 左側菜單 contain 學習

今天我們來學習Jquery的一些基本知識,jquery相對來說還是比較重要的,所以還是要好好學習的。

首先要了解什麽是jQuery?

l類似於python裏面的模塊,可以看成是一種庫或者插件。

在學習之前首先要在官網上下載,然後進行導入才可以用,即怎麽使用?

- 1. 導入 <script src="jquery-3.2.1.js"></script> import re
- 2. jQuery.xxxxx --> $() re.xxxx
- 3. 兼容性好

一、jQuery對象

- 用jQuery選擇器查出來的就是jQuery對象
- jQuery對象,他就可以使用jQuery方法,不能使用DOM的方法

- DOM對象和jQuery對象轉換:
- $(".c1")[0] --> DOM對象
- $(DOM對象)

二、jQuery基本語法

先來看看jQuery中有哪些選擇器

1.基本選擇器

(1)ID選擇器

$("#id")

註:$("#id的值")

(2)類選擇器

$(".className") 

註:$(".class的值")

(3)標簽選擇器

$("tagName")

註:$("標簽的名字")

(4)組合選擇器

$("#id, .className, tagName")

(5)所有標簽

$(‘*‘)

2.層級選擇器

            - 從一個標簽的子子孫孫去找        $("父親 子子孫孫")
            - 從一個標簽的兒子裏面找          $("
父親>兒子標簽") - 找緊挨著的標簽 $("標簽+下面緊挨著的那個標簽") - 找後面所有同級的 $("翔哥~女人")

三、jQuery篩選器

1.寫在括號裏面的

$(" :first")     #找第一個
$(" :not(‘‘)")
$(" :even")   #偶數 
$(" :odd")    #奇數
$(" :eq")     
$(" :gt")
$(" :last")
$(" :focus")

內容

$(":contains")
$(" :empty")
$(
" :has(‘‘)") $(" :parent") ***** 區別於$("").parent()

可見性

$(" :hidden)
$(" :visible")

屬性

input[name]  --> 有name屬性的input
input[type=password]  --> 類型是password的input標簽

表單

:input
:password
:checkbox
:radio
:submit
:button
:image
:file

表單對象屬性

:enable
:disable
:checked
:selected

2.寫在括號外面(當方法用的)

過濾

$("").first()
$("").parent()
$("").eq()
.hasClass()   查找是否有這個類,括號裏面寫的是類名,然後過濾出來

查找

查找元素
.find()

下一個元素
.next()
.nextAll()
.nextUntil()
                
父親元素                
.parent()
.parents()
.parentsUntil()

上一個元素                
.prev()
.prevAll()
.prevUntil() 

兒子和兄弟元素
.children()
.siblings()  

實例:左側菜單

jquery初始