jQuery 基础语法

 

  

1
2
3
4
5
6
7
8
9
10
11
12
<head>
 
   <script src="../js/jquery-3.2.1.js"></script>
    <script src="../js/试试特效.js"></script> 
</head>
 
 
        <body>
    <p>11</p> <br>      <p>11</p><br>      <p>11</p><br>      <p>11</p>
       <button id="bindEvent">点我</button>
 
    </body>

     创建的js一定要在jQuery后面

  jQuery 基本语法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
$(document).ready(function() {
            //alert("文档加载完毕");//当前函数触发文档加载完毕
            /*$("p").click(function() {
                $(this).hide();//点击p隐藏
            });*/
            /*$("#").click(function() {
                    alert("你好");
            });*/    //点击按钮,出你好
            /*$("#bindEvent").bind("click",clickhandler2);
            $("#bindEvent").bind("click",clickhandler3);*/ //可以同时绑定两个事件
            /*$("#bindEvent").unbind("click",clickhandler2);    */  //解绑事件
            //常用的事件方法    单击 $("#bindEvent").click(function() {
                // 双击 $("#bindEvent").dblclick(function() {
                //  鼠标移入    $("#bindEvent").mouseenter(function() {<br>              /* 鼠标移出*/    $("#bindEvent").mouseleave(function() {
                $(this).hide();
            });
    });
    //可以用on代替bind,用off代替unbind
    function clickhandler2(e){
     
            console.log("clickhandler2");
    }
     
    function clickhandler3(e){
     
            console.log("clickhandler3");
    }

 

     

 

 $(selector).action()

    美元符号定义

    选择符(selector) "查询"和查找HTML元素

    action(  ) 执行对元素的操作

 

    jQuery 可以通过一行简单的标记添加到网页中,是一个JS函数库

 

posted on   左剃头  阅读(214)  评论(0编辑  收藏  举报

(评论功能已被禁用)
编辑推荐:
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· .NET 进程 stackoverflow异常后,还可以接收 TCP 连接请求吗?
阅读排行:
· 本地部署 DeepSeek:小白也能轻松搞定!
· 如何给本地部署的DeepSeek投喂数据,让他更懂你
· 在缓慢中沉淀,在挑战中重生!2024个人总结!
· 大人,时代变了! 赶快把自有业务的本地AI“模型”训练起来!
· 从 Windows Forms 到微服务的经验教训

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

统计

点击右上角即可分享
微信分享提示