JQuery 0基础学习（1）

1、JQuery的标准语法

$(selector).action();

注：selector是网页的标签元素；action是标签元素要执行的操作，比如hide()隐藏。

例子：

• $(this).hide()        - 隐藏当前元素

• $("p").hide()         - 隐藏所有 <p> 元素

• $("p.test").hide()  - 隐藏所有 class="test" 的 <p> 元素

• $("#test").hide()   -隐藏id="test"的元素

2、JQuery的入口函数定义

      由于JQuery函数大多数是针对网页标签元素进行操作，所以如果网页没有加载完成，那么选取元素进行操作时就会出现错误，因此，JQuery的入口函数定义在网页标签元素加载完成之后，格式如下：

      $(document).ready

       (

            function()

                 {

                    标签元素操作程序代码;

                 }

        );

$(document).ready();标志着网页标签元素加载完成时机，上面的格式也可以简写成为下面的格式，两者含义是一样的。

$(

     function()

        {

          标签元素操作程序代码;

        }

  );

注意：JavaScript的入口函数格式与JQuery不同,js的入口函数如下

window.onload = function () 
{
    // 执行代码
}

jQuery 入口函数与 JavaScript 入口函数的区别：

•  jQuery 的入口函数是在 html 所有标签(DOM)都加载之后，就会去执行。
•  JavaScript 的 window.onload 事件是等到所有内容，包括外部图片之类的文件加载完后，才会执行。

 

标签选择机制

格式：$("selector")

标签selector的格式有很多

$("*")网页的所有标签元素；

$("this")选中元素；

$("#a")id="a"的元素；

$(".a")class="a"的元素；

$("type.a")type类型标签中class="a"的元素；

·············

 $(":button") 可以选取所有 type="button" 的 <input> 元素 和 <button> 元素；

$("button")只能获取 <button> 元素；

选择控件只是基础，针对控件元素做的操作才是重要的地方。

 

JQuery事件

简单事件click()等；

例子：

$(document).ready(function(){

$("#selector").click(function(){

此处写id为selector的标签元素的鼠标单击事件程序代码;

});

});