您的位置：首页 > Web前端 > JQuery

入门jquery

2015-03-03 13:43 351 查看
//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);
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航