JQuery 之语法模式与开发基础知识点


1、Jquery介绍与下载组件

2、Jquery的引入与$的作用

3、Jquery基础语法


1、Jquery介绍与下载组件

Jquery 是什么?

jQuery 是一个“写的更少,但做的更多”的轻量级 JavaScript 库。


2、Jquery的引入与$的作用

<script type="text/javascript" src="jquery-1.5.1.js"></script>

在JQ中使用 $ 来调用相关对象和DOM元素

<script type="text/javascript">
 $(document).ready(function(){  	
 $("button").click(function(){  		
 $("p").hide(); 		
 });
	 });
 </script>

3、Jquery基础语法

基础语法是:$(selector).action()


$符号定义 jQuery

选择符(selector)HTML 元素

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


例:

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

$("p").hide() - 隐藏所有<P>

$(".test").hide() - 隐藏所有 class="test" 的段落

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


3、Jquery基础语法

$(document).ready(function(){
 --- 相关代码----
});

函数的相关载入类似window.onload 但又有区别 

如图所示: