jQuery,"write less,do more";包含:"element selector,element actions,css actions,html events,javascript animation,HTML DOM,AJAX";
section 01:syntax
basic:$(selector).action();
$符号定义jQuery
selector"查询"和"查找"element
action()执行对element的操作
example:
$("#id").hide();
$(".class") .hide();
$("div").hide();
$("p.txt").hide();
$("*").css();
$("this").css();
$("[href]").css();
$(":button").css();
section 02:ready()
$(document).ready(function(){
//body....
});
$(function(){
//body...
});
section 03:events
example01: click dblclick mouseenter mouseleave
example02:keypress keydown keyup
example03:submit change focus blur
example04:load resize scroll unload
section 04:
$(document).ready(function(){
$("#change").click(function(){
$(".txt01,.txt02").css("color","gray");
});
});
<div role="jquery">
<p class="txt01">文本颜色01</p>
<p class="txt02">文本颜色02</p>
<button type="button" id="change">click</button>
</div>