JQuery学习笔记---Day01

来源：互联网发布：linux shell sed 编辑：程序博客网时间：2024/06/06 00:48

Jquery学习笔记--Day01之入门学习

一：认识JQuery

在JQuery库中：用$() 来代表jQuery

在做所有事情之前，如果让jQuery读写和处理文档的DOM(Document Object Model模型)，则必须在DOM载入之后开始执行事件，所以应该使用ready事件作为处理

HTML文档的开始。

$(document).ready(function(){

//待处理的事件代码代替 $(function(){ });

});

//示例--点击摸个button的时候触发相应的事件

//common.js

$(document).ready(function(){

$("#aaa").onClick(){

//让一个div隐藏起来

$("#search").hide();

//让另一个div显示出来

$("#result").show();

};

});

//index.html

               <div id="search" class="box">
               <h3>VIP积分查询</h3>
                  卡号：<input id="cardNo" name="cardNo" />
              </div>
               <div id="result" class="box">
                <h3>VIP积分查询结果如下：</h3>
                  <table border="1" width="30%">
                 </table><br/>

</div>

工作流程：先匹配文档中的document节点，然后为该节点绑定ready事件处理函数，它类似于JavaScript的window.onload事件处理函数，不过jQuery的ready事件要优先

于 onload事件被激活。

Window.onload=function(){

//JavaScript代码

}

通过JQuery，我们可以选取（查询）html元素，并对他们进行操作（actions).

jQuery语法是为html元素的选取编制的，可以对元素执行某些操作。

基本的语法格式为：$(selector).action()

美元符$ 定义 jQuery

选择符(selector) “查询”和”查找”html元素

jQuery的action()执行对元素的操作。

示例： $(“p”).hide();

！！！注意：我们一般将所有的JQuery函数位于一个 document ready函数中：

$(document).ready(function(){

...JQuery代码区

});

原因：---这样做是为了防止文档在完全加载（就绪）之前运行jQuery代码，如果在文档没有完全加载之前就运行函数，操作可能失败。例如：试图隐藏一

个不存在的元素。