Jqurey学习(1)

第一个Jqurey例子
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>This is a heading</h2> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button type="button">Click me</button> <button type="button">Click me1</button> </body> </html>

代码解读:

$:美元符号,是一个选择符(Selector)用来“查找”和“查询”HTML元素的;

$(document):取得了整个页面的对象

$(document).ready:相当于.net 后台代码的:pageonload事件,$(document).ready()的参数是一个函数,页面一开始就加载了相关的方法。

$("button"):取到该页面的所有type为:button的html元素,$("button").click,给所有的button添加click事件,其实click方法里的参数也是一个函数,

其函数体的内容是:$("p").hide()所有的"p"元素都被隐藏。

 

posted @ 2012-09-05 21:49  Tom Fan  阅读(241)  评论(0编辑  收藏  举报