Jquery学习笔记——第一章 Jquery入门及基础语法

1.Jquery是·javascript库。

2.Jquery 的特点：

轻量级，强大的选择器，出色的DOM操作封装，可靠的事件处理机制，出色的 浏览器兼容性。

3.Jquery的基础语法：$(selector).action()

action() :执行对元素的操作

eg：$(this).hide()  //隐藏当前元素

$("p").hide()  //隐藏所有段落

$("p.test").hide()  //隐藏所有class=“test”的段落

$("#test").hide()  //隐藏id=“test”的元素

4.Jquery的代码风格(链式风格)

1.对于同一对象不超过3个操作的，可以直接写成一行。

2.对于同一对象的较多操作，每行写一个。

3.对于多个对象的少量操作，可以每个对象写一行，涉及子元素可适当缩进。

5.$(document).ready() 与 window.onload区别：

1.window.onload必须等网页中所有内容加载完后（包括图片）才执行；$(document).ready()网页中所有DOM结构绘制完后就执行。

     2.$(document).ready()能同时编写多个；window.onload不能同时编写多个，第二个会覆盖第一个。

3.window.onload无简化写法；$(document).ready()有简化写法$()。

6.第一个Jquery程序

<script src = "jquery-1.10.2.js"></script>  //引入jquery<script>    $(document).ready(function(){    alert("Hello World!");});</script>

7.注释：

//单行注释

8.DOM对象：HTML的文档对象模型中的元素对象。可以通过javascript的以下方法获取：

document.getElementById("test")

document.getElementByTagName("p")

  Jquery对象：经Jquery包装后的DOM对象。

         $("#test")

         $("p")