jQuery核心函数——jQuery学习(1)-白红宇的个人博客

jQuery核心函数——jQuery学习(1)

发布日期：2021-05-20 09:15:09 浏览次数：29 分类：精选文章

本文共 1009 字，大约阅读时间需要 3 分钟。

jQuery核心函数使用指南

作为前端开发人员，熟练掌握jQuery的核心函数是必不可少的。本文将详细介绍如何在不同场景中使用jQuery的$函数和对象方法。

1. 作为一般函数调用：$（param）

jQuery的$函数可以接收四种类型的参数，并根据参数类型执行相应的操作。

参数为函数：当DOM加载完成后，可以通过传递函数作为参数来执行回调。

$(function() {    // 绑定文档加载完成的事件监听    $('#btn').click(function() {        alert(this.innerHTML);        alert($(this).html());        $('
    
     ').appendTo('div');    });});

参数为选择器字符串：传递一个CSS选择器字符串， jQuery会查找所有匹配的标签，并将它们封装成jQuery对象。

$('#btn').click(function() {    alert($(this).text());});

参数为DOM对象：传递一个DOM对象， jQuery会将其封装成jQuery对象。

$('#btn').click(function() {    alert($(this).val());});

参数为HTML标签字符串（少用）：传递一个HTML标签字符串， jQuery会创建标签并将其封装成对象。

$('').appendTo('div');

2. 作为对象使用：$.xxx()

除了使用$函数，jQuery还提供了一系列对象方法，简化了常见操作。

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

var arr = [2, 4, 7];$.each(arr, function(index, item) {    console.log(index, item);});

$.trim()：去除字符串两端的空白字符。

var str = '  my atguigu  ';console.log('----' + str.trim() + '----');console.log('----' + $.trim(str) + '----');

通过以上方法，开发人员可以高效地利用jQuery进行DOM Manipulation、事件绑定、数据处理等操作，提升开发效率和代码质量。

上一篇：jQuery对象——jQuery学习(2)

下一篇：SQL必知必会要点记录（6/6）

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

jQuery核心函数使用指南

1. 作为一般函数调用：$（param）

2. 作为对象使用：$.xxx()

发表评论

最新留言

关于作者

推荐文章