1.3JQuery基础语法

Original 2019-01-05 17:22:44 207
abstract:JQuery语法是为了选取HTML元素而编制的,其目的就是为了操作HTML元素!$ 符号声明变量相当于javaScript中的var操作符!!!例:$name  //这个变量名是$nameJQuery基本语法:$(selector).action()例:$("div").hide();说明:$是JQuery声明变量的关键字(相当于JacaScript的var操作符)&

JQuery语法是为了选取HTML元素而编制的,其目的就是为了操作HTML元素!

$ 符号声明变量相当于javaScript中的var操作符!!!

例:$name  //这个变量名是$name

JQuery基本语法:

$(selector).action()

例:$("div").hide();

说明:$是JQuery声明变量的关键字(相当于JacaScript的var操作符)

   (selector)为选择器,是指需要进行操作的对象(即:“查询”和“查找”HTML元素)

          action()指具体的操作和处理(即:执行对元素的操作)也就是方法!

本节课学到的jQuery方法有: //hide()(隐藏元素) //show()(显示元素)//click() (触发事件)  

总结:首先要有$符号!紧跟着是一个选择器用法和css一样!然后连接上要对元素执行的操作或方法!


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="JQuery/jquery-3.3.1.js"></script>
    <script>
        $name="如初" //$name 就是变量名称!!!
        alert($name)//不加就绪函数就是由上而下依次执行!
        var age=25; //用var操作符声明变量!
        alert(age);
    </script>
</head>
<body>
<script>
   $(document).ready(function() {  //加了就绪函数后就是等页面完全加载完成后在执行内部函数!
       $("div").hide(); //隐藏
       $("button").click(function(){  //click是jQuery的方法!
        $("div").show();//显示
       })
   });
</script>
    <div style="width: 500px;height: 500px;background-color: red;"></div>
    <button>出现</button>
</body>
</html>

总结:如果不加就绪函数的话也可以执行只是为了防止出错,例如如果你不加就绪表达式的话就会由上而下依次执行js代码,当执行js代码的时候如果你的操作的元素还没有被加载处理就会出错!反之js代码写在就绪函数内部就会等页面完全加载只后在执行就绪函数内部的js代码!

ps:上述是否正确或者有什么不妥的地方希望老师指出问题!!!

以下是我的问题!我测试声明变量的时候不加$也可以!表示有点不太明白$符号的用处到底是什么?

Correcting teacher:韦小宝Correction time:2019-01-05 17:31:52
Teacher's summary:总结的非常完美!代码写的很不错!带$的变量都是jQuery对象,不带$的是普通变量或者是DOM对象。具体的你可以查看一下两者的类型!

Release Notes

Popular Entries