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.οnlοad=function(){
//JavaScript代码
}
通过JQuery,我们可以选取(查询)html元素,并对他们进行操作(actions).
jQuery语法是为html元素的选取编制的,可以对元素执行某些操作。
基本的语法格式为:$(selector).action()
美元符$ 定义 jQuery
选择符(selector) “查询”和”查找”html元素
jQuery的action()执行对元素的操作。
示例: $(“p”).hide();
!!!注意: 我们一般将所有的JQuery函数位于一个 document ready函数中:
$(document).ready(function(){
...JQuery代码区
});
原因:---这样做是为了防止文档在完全加载(就绪)之前运行jQuery代码,如果在文档没有完全加载之前就运行函数,操作可能失败。例如:试图隐藏一
个不存在的元素。