jQuery之核心函数

Posted 2020-12-17 hfl1996

tags:

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

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之核心函数的主要内容，如果未能解决你的问题，请参考以下文章