入门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);

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。