码迷,mamicode.com
首页 > Web开发 > 详细

jQuery之核心函数

时间:2020-07-11 19:25:52      阅读:75      评论:0      收藏:0      [点我收藏+]

标签:回调函数   参数   对象   family   dom   完成   alert   字符串   函数调用   

jQuery核心函数

作为一般函数调用:$(param)

  参数为函数:当DOM加载完成后,执行此回调函数。

  参数为选择器字符串:查找所有匹配的标签,并将它们封装成jQuery对象。

  参数为DOM对象:将dom对象封装成jQuery对象。

  参数为html标签字符串 (用得少):创建标签对象并封装成jQuery对象。

作为对象使用:$.xxx()

  $.each():隐式遍历数组。

  $.trim():去除两端的空格。

示例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery核心函数</title>
</head>
<body>

<div>
    <button id="btn">测试</button>
    <br/>

    <input type="text" name="msg1"/><br/>
    <input type="text" name="msg2"/><br/>
</div>

<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript">
    /*
     * 需求:
     * 1.点击按钮:显示按钮的文本,显示一个新的输入框
     * 2.遍历输出数组中所有元素值
     * 3.去掉"  my atguigu  "两端的空格
     */
    //点击按钮:显示按钮的文本,显示一个新的输入框
    $(function () {
        var $btn = $("#btn");
        $btn.click(function () {
            var text = $(this).html();
            alert(text);
            $(<input type="text" name="msg3" /><br />).appendTo(div);
        })
    })

    //遍历输出数组中所有元素值
    var arr = [123, atguigu, true];
    $.each(arr, function (index, item) {
        console.log( + (index + 1) + 个元素的值为 + item);
    });

    //去掉" my atguigu "两端的空格
    var str = " my atguigu ";
    console.log(str.trim() === my atguigu);
    console.log($.trim(str) === my atguigu); //true
</script>
</body>
</html>

jQuery之核心函数

标签:回调函数   参数   对象   family   dom   完成   alert   字符串   函数调用   

原文地址:https://www.cnblogs.com/hfl1996/p/13284597.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!