day17--JQuery
JQuery(中文社區:http://jquery.cuishifeng.cn/)html
模塊 類庫 在不一樣語言叫法不同而已jquery
DOM/BOM/JavaScript的類庫ui
1、查找元素this
JQuery:spa
選擇器：直接找到某個或某些標籤htm
1.id對象
$("$id")索引
2.classip
<div class="c1"></div>get
$(".c1")
3.標籤
$("a") 查找全部的<a>標籤
4.組合
$("a,.c2,#i10") 查找<a>標籤或class="c2"或id="i10"的標籤
5.層級
$("#i1 a") 查找標籤屬性id="i1"下面的<a>標籤
$("#i1 >a") 查找標籤屬性id="i1"的子標籤
6.基本篩選器
:first #找到標籤下面的第一個標籤
:gt(index) :lt(index) :ep(index) :last
七、屬性
$('[attribute]') 具備attribute屬性的全部標籤
$('[attribute="value"]') 屬性等於attribute且值等於value的標籤
篩選
實例：
多選，反選，全選
- 選擇權
-
$("tb:checkbox").prop("checked") #獲取值
$("tb:checkbox").prop("checked",true) #設置值
- $("#tb:checkboc").each(function(){
//k當前索引
//this,DOM,當前循環的元素$(this)
}}
- var v=條件?false:true #三元運算 ，取反，真值，取假；假值，取真。
PS:
1.x 推薦使用1.x系列，兼容性好
2.x
3.x
轉換
Jquery對象轉換爲Dom對象 $('#i1')[0] ===》document.getElementById("i1")
Dom對象 ===》 $(Dom對象)
引用：
在<body>下面引用<script src="jquery-1.12.4.js"><script>引用Jquery內容
篩選器： --- JQuery裏面根據當前標籤進行篩選的標籤
$().next() #當前標籤的下一個標籤
$().prevAll() #查找上面全部的標籤
$().prevUntil() #查找上面同級標籤，指導截至條件位置的標籤
$().prev() #當前標籤的上一個標籤
$().parent() #當前標籤的父標籤
$().parents() #查找標籤的全部父標籤，包括祖父，祖先，頂端<html>
$().parentsUntil() #查找父級標籤的上級標籤截至
$().children() #當前標籤全部的子標籤
$().text() #獲取標籤的內容
$().siblings() #獲取全部的兄弟標籤（sibling:兄弟姐妹）
$().find('.content) #查找class=content的標籤
2、操做元素
====》實例：
-
每一个你不满意的现在，都有一个你没有努力的曾经。