jQuery之核心函数
2021-01-22 20:12
标签：回调函数 参数 对象 family dom 完成 alert 字符串 函数调用 作为一般函数调用：$(param) 参数为函数：当DOM加载完成后，执行此回调函数。 参数为选择器字符串：查找所有匹配的标签，并将它们封装成jQuery对象。 参数为DOM对象：将dom对象封装成jQuery对象。 参数为html标签字符串 (用得少)：创建标签对象并封装成jQuery对象。 作为对象使用：$.xxx() $.each()：隐式遍历数组。 $.trim()：去除两端的空格。 示例： jQuery之核心函数 标签：回调函数 参数 对象 family dom 完成 alert 字符串 函数调用 原文地址：https://www.cnblogs.com/hfl1996/p/13284597.htmljQuery核心函数
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);
$(‘
‘).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>