jQuery加載

//alert($);//彈出function (a,b){return new n.fn.init(a,b)}表示JQuery已經(jīng)引進(jìn)來了，這是它的一個構(gòu)造函數(shù)

//JS寫法

window.onload=function(){

varoDiv=document.getElementById('div');

alert(oDiv.innerHTML);//這是一個div元素

}

//jQuery的完整寫法

//比上面JS寫法先彈出，因為window.onload是把頁面元素加載、渲染完才彈出，而ready()是把所有頁面的節(jié)點(diǎn)加載完之后就彈出了，不用等渲染了

/*$(document).ready(function(){

var $div = $('#div');

alert('jQuery:' + $div.html());//jQuery:這是一個div元素

})*/

//簡寫方式

$(function(){

var$div=$('#div');//CSS樣式怎么寫，這里就怎么寫

//html()方法相當(dāng)于原生JS的innerHTML

alert($div.html()+'jQuery');

})

選擇器：

jquery用法思想一

選擇某個網(wǎng)頁元素，然后對它進(jìn)行某種操作

? jquery選擇器

jquery選擇器可以快速地選擇元素，選擇規(guī)則和css樣式相同，使用length屬性判斷是否選擇成功。

$(document) //選擇整個文檔對象

$('li') //選擇所有的li元素

$('#myId') //選擇id為myId的網(wǎng)頁元素

$('.myClass') // 選擇class為myClass的元素

$('input[name=first]') // 選擇name屬性等于first的input元素

$('#ul1 li span') //選擇id為為ul1元素下的所有l(wèi)i下的span元素

對選擇集進(jìn)行修飾過濾(類似CSS偽類)?

$('#ul1 li:first') //選擇id為ul1元素下的第一個li

$('#ul1 li:odd') //選擇id為ul1元素下的li的奇數(shù)行

$('#ul1 li:eq(2)') //選擇id為ul1元素下的第3個li

$('#ul1 li:gt(2)') // 選擇id為ul1元素下的前三個之后的li

$('#myForm :input') // 選擇表單中的input元素

$('div:visible') //選擇可見的div元素

對選擇集進(jìn)行函數(shù)過濾?

$('div').has('p'); // 選擇包含p元素的div元素

$('div').not('.myClass'); //選擇class不等于myClass的div元素

$('div').filter('.myClass'); //選擇class等于myClass的div元素

$('div').first(); //選擇第1個div元素

$('div').eq(5); //選擇第6個div元素

選擇集轉(zhuǎn)移?

$('div').prev('p'); //選擇div元素前面的第一個p元素

$('div').prevAll('p'); //選擇div元素前面所有的p元素

$('div').next('p'); //選擇div元素后面的第一個p元素

$('div').nextAll('p'); //選擇div元素后面所有的p元素

$('div').closest('form'); //選擇離div最近的那個form父元素

$('div').parent(); //選擇div的父元素

$('div').children(); //選擇div的所有子元素

$('div').siblings(); //選擇div的同級元素

$('div').find('.myClass'); //選擇div內(nèi)的class等于myClass的元素