jQuery学习2

最新推荐文章于 2024-09-04 20:23:24 发布

你若信

最新推荐文章于 2024-09-04 20:23:24 发布

阅读量283

点赞数

分类专栏： jQuery 文章标签： jquery 学习

本文链接：https://blog.csdn.net/qq_44152890/article/details/123033161

版权

jQuery DOM操作事件监听数组遍历 $.each

关键词由CSDN通过智能技术生成

jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1、jQuery函数

<!DOCTYPE html>
<html>
    <head>
        <title>jQuery函数</title>
    </head>
    <body>
 
        <div>
            <button id="ll">测试</button>
        </div>
        <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
        <script>
            $(function(){//1、参数为函数，DOM执行完后，执行回调函数
                $('#ll').click(function(){//2、参数为选择器字符串
                    //this表示id为ll的元素，html()等于js中的innerHTML
                    alert($(this).html())//3、参数为DOM对象

                    //appendTo方法是添加，这里是将语句添加到div标签下
                    $('<input type="text"/><br>').appendTo('div')//4、参数为html语句
                })
            })
        </script>
    </body>
</html>

2、jQuery对象

<!DOCTYPE html>
<html>
    <head>
        <title>jQuery对象</title>
    </head>
    <body>
        <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
        <script type="text/javascript">
            //遍历数组
            var a=[1,"yy","iii","yy"]
            //jQuery对象的each方法遍历数组
            //a为数组名，i表示数组下标，n表示数组元素
            //i和n可以自由定义
            $.each(a,function(i,n){
                console.log(i,n)//console.log()方法表示控制台显示
            })

            //去前后空格
            var b="  ll  "
            //jQuery对象的trim方法去除前后空格
            //b为字符串的名称
            console.log("---"+$.trim(b)+"---")
        </script>
    </body>
</html>

你若信

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery学习2

1、jQuery函数<!DOCTYPE html><html> <head> <title>jQuery函数</title> </head> <body> <div> <button id="ll">测试</button> </div> <script
复制链接

扫一扫

专栏目录