返回1.3JQue......登陆

1.3JQuery基础语法

              i如初2019-01-05 17:22:44207

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:上述是否正确或者有什么不妥的地方希望老师指出问题!!!

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

最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送