jQuery第一天

$(document).ready(function() { alert("Hello World!");});

可以简写成

$(function() { alert("Hello World!");});

 

DOM : Document Object Model  文档对象模型

jQuery 封装 DOM 对象后产生的对象

 

jQuery 选择器

对事件处理、遍历DOM、 Ajax操作都依赖选择器

jQuery选择器继承了CSS选择器的风格。

<p class="demo">jQuery Demo</p><mce:script type="text/javascript"><!-- $(".demo").click(function() { alert("jQuery Demo!"); });// --></mce:script>

 

jQuery基本选择器：#id, .class, element, *, selector1...

jQuery层次选择器：$("ancestor descendant"), $("parent > child"), $('prev + next'), $('prev ~ siblings')

jQuery过滤选择器：:first, :last, :not(selector), :even, :odd, :eq(index), :gt(index), :lt(index), :header, :animated

jQuery内容过滤选择器：:contains(text), :empty, :has(selector), :parent

jQuery可见性过滤选择器：:hidden, :visible

jQuery属性过滤选择器：[attribute], [attribute=value], [attribute!=value], [attribute^=value], [attribute$=value], [attribute*=value]