入门jquery
//jquery 最重要的就是对象 jquery对象 就像一个人 一个人就是一个对象
//对象有对象的属性 人的属性: 姓名 年龄 性别
//对象有对象的方法 人的方法: 吃饭 喝水 走路
//怎么拿到jquery对象呢 只要页面中导入jquery包 就可以使用 $('.classNmae') 使某个元素 div a p 或者其他任何东西变成jquery对象
//写一段代码 让 人这个对象喝水 就会很听话的喝水
//代码: 对象.喝水 这个点 就是 去调用 去执行某个方法
// 在jquery 中 一样的理解 $(div) 这是一个jquery对象 jqurey对象有很多方法 有hide() -- 隐藏方法 jquery对象.隐藏方法 $(div).hide();
//jquery 对应隐藏还有 显示方法 $(div).show(); 可以在html.html中试着用下
//jquery 对象还有 empty(); 把某个div里面的内容清空
下面代码: 复制下来 放到 .html 文件中 运行 编辑 测试 jquery教程地址: http://www.w3school.com.cn/jquery/jquery_syntax.asp
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript高级程序设计(第3版)pdf</title> <meta http-equiv="Content-Language" content="zh-CN" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> </head> <body> <p>在 script中 代码前面加上 // 表示注释这一行代码 /* */表示注释一段代码</p> <div class="test">发生的发生地方撒旦法</div> <script> //可以把下面的改成 show(); 试试 //还可以试试 empty(); 方法 $('.test').empty(); $('.test').hide(); </script> </body> </html>
上面讲的是对象是什么 怎么调用方法 但调用方法还可以有参数 例如人吃饭 吃多少 什么时候吃 ;
例如上面的例子 改成 1秒内隐藏
$('.test').hide(1000);
$('.test').show(1000);