jQuery之核心函数

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

jquery学习之路之核心函数

jQuery之核心函数

前端面试题之手写promise

JQuery02

几个非常实用的JQuery代码片段

jQuery之核心函数