jquery常用语句

Posted 2020-09-02 黄力军

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery常用语句相关的知识，希望对你有一定的参考价值。

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script src="jquery-1.11.2.min.js"></script><!--引入jquery-1.11.2.min.js要在最上面-->
 7     </head>
 8     <body>
 9         <!--给按钮加个点击事件-->
10         <input type="button" value="测试" onclick="test()" />
11         
12     </body>    
13     <script type="text/javascript">
14     <!--JS方式加事件-->
15         function test()
16         {
17             alert("aa");
18         }
19         
20     </script>
21 </html>
22 点测试结果如下

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script src="jquery-1.11.2.min.js"></script><!--引入jquery-1.11.2.min.js要在最上面-->
 7     </head>
 8     <body>
 9         <!--给按钮加个点击事件-->
10         <input type="button" value="测试" onclick="test()" />
11         <!--给下面的按钮加事件用jquery-->
12         <input type="button" value="测试2" id="btn" />
13     </body>    
14     <script type="text/javascript">
15         function test()
16         {
17             alert("aa");
18         }
19         
20 //        只有触发的时候执行
21         $(document).ready(function(e) {
22 //先找元素用$(测试2id)-用click给前面的按钮加点击事件-执行(function(){}匿名函数因为没有名字
23         $("#btn").click(function(){
24                 alert("第二个按钮");//点击之后要执行的函数。匿名函数
25             })
26             
27             
28             
29         });
30     
31     </script>
32 </html>

Jquery把复选框所选中的值取出来

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="jquery-1.11.2.min.js"></script>
    </head>
    <body>
        
            <input type="checkbox" class="ck" value="张店" />张店
            <input type="checkbox" class="ck" value="淄川" />淄川
            <input type="checkbox" class="ck" value="周村" />周村
            <input type="checkbox" class="ck" value="临淄" />临淄
            <input type="checkbox" class="ck" value="博山" />博山
            
            <input type="button" value="取值" id="quck" />
            <input type="button" value="赋值" id="fuck" />
        
    </body>
    <script type="text/javascript">
    //复选框所选中的值取出来
        $("#quck").click(function(){
            var ck = $(".ck");
            for(var i=0;i<ck.length;i++)
            {
                //第2种写法用JS方式判断是不是选中 ck[i].checked
                if(ck.eq(i).prop("checked"))
                {
                    alert(ck.eq(i).val());
                }
            }
        })
    </script>
</html>

给周村赋值
$("#fuck").click(function(){
        var zhi = "周村";
        var ck = $(".ck");
        for(var i=0;i<ck.length;i++)
        {
            if(ck.eq(i).val()==zhi)
            {
                ck.eq(i).prop("checked",true);
            }
        }
    })

第二种方法拼接给周村赋值

以上是关于jquery常用语句的主要内容，如果未能解决你的问题，请参考以下文章

常用Javascript代码片段集锦

[AndroidStudio]_[初级]_[配置自动完成的代码片段]

在jQuery和JavaScript中，实现转跳

Xcode自定义代码块