九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

一.jQuery

1.jQuery概述

什么是jQuery: 是一個(gè)輕量的, 免費(fèi)開源的js函數(shù)庫, 可以簡化js代碼

jQuery的優(yōu)勢:

可以簡化js代碼

可以像CSS那樣來獲取元素

可以修改CSS屬性來控制頁面的效果

可以兼容常用的瀏覽器

jQuery的版本控制

1.x

2.x

3.x

jQuery的引入

<script src="jquery-1.4.2.js"></script>

2.jQuery的語法

$符號介紹

$ 等價(jià)于 jQuery, $()是一個(gè)函數(shù), 等價(jià)于調(diào)用 jQuery()函數(shù), 返回一個(gè)jQuery對象(集合), 包含了若干html元素, 通過jQuery提供的方法或 屬性對其進(jìn)行操作

文檔就緒事件

$(document).ready(function(){

//在文檔加載完之后立即執(zhí)行

});

簡寫形式:

$(function(){

});

js對象和jQuery對象的互相轉(zhuǎn)換

js對象轉(zhuǎn)jQuery對象

var oDiv = ...

var $Div = $(oDiv);

jQuery對象轉(zhuǎn)成js對象

var $Div = $("div");

var oDiv = $Div[0];

var oDiv = $Div.get(0);

3.jQuery選擇器

基本選擇器

$("div")

$(".c1");

$("#d1")

$("div,.c1,#d1")

層級選擇器

$("div span")

$("div>span")

$("div+span")

$("div~span")

內(nèi)容選擇器

$("div:contains('aaa')")

$("div:empty")

$("div:parent")

$("div:has(span)")

基本過濾選擇器

$("div:first")

$("div:last")

$("div:eq(n)")

$("div:lt(n)")

$("div:gt(n)")

屬性選擇器

$(div[class]);

$(div[class='x']);

$(div[class!='x']);

可見選擇器

$("div:hidden")

$("div:visible")

子元素選擇器

$("div span:first-child")

$("div>span:first-child")

$("div span:last-child")

$("div>span:last-child")

$("div span:nth-child(n)")

表單選擇器

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊舉報(bào)。