jquery初始
阿新 • • 發佈:2017-11-14
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初始