初识jQuery

jQuery是目前使用最广泛的JavaScript函数库

jquery是一个函数库，一个js文件，页面用script标签引入这个js文件就可以使用。
功能:Write Less, Do More

jQuery入口函数

$(document).ready(function(){
})

//简化版
$(function(){
})

jQuery入口函数类似于window.onload,但是比window.onload运行效率高

选择器

$(’#myId’) 选择id为myId的网页元素
$(’.myClass’) 选择class为myClass的元素
$(‘li’) 选择所有的li元素
$(’#ul1 li span’) 选择id为为ul1元素下的所有li下的span元素
$(‘input[name=first]’) 选择name属性等于first的input元素

$(‘div’).has(‘p’); // 选择包含p元素的div元素
$(‘div’).not(’.myClass’); //选择class不等于myClass的div元素
$(‘div’).filter(’.myClass’); //选择class等于myClass的div元素
$(‘div’).eq(5); //选择第6个div元素

$(‘div’).prev(); //选择div元素前面紧挨的同辈元素
$(‘div’).prevAll(); //选择div元素之前所有的同辈元素
$(‘div’).next(); //选择div元素后面紧挨的同辈元素
$(‘div’).nextAll(); //选择div元素后面所有的同辈元素
$(‘div’).parent(); //选择div的父元素
$(‘div’).children(); //选择div的所有子元素
$(‘div’).siblings(); //选择div的同级元素
$(‘div’).find(’.myClass’); //选择div内的class等于myClass的元素

jQuery样式操作

$(‘div’).css(‘color’) 获取页面元素的样式(取值)
$(‘div’).css(‘color’,‘red’) 设置页面元素样式(赋值)(设置一个样式写法)
$(‘div’).css({‘color’:‘red’,‘width’:‘200px’})(设置多个样式的写法,key:value)