jQuery核心函数

jQuery 中的 $() 函数是一个非常重要的函数,它是 jQuery 框架的核心之一。$() 函数可以接受不同的参数,来代表不同的含义和操作。

以下是 $() 函数中常见的参数及其含义:

1. 选择器字符串:当传入一个选择器字符串时,$() 函数将会返回与该选择器匹配的元素的 jQuery 对象。例如:
    $("#myElement"):选取 ID 为 "myElement" 的元素并返回 jQuery 对象。
    $(".myClass"):选取 class 为 "myClass" 的元素并返回 jQuery 对象。
    $("div"):选取所有 <div> 元素并返回 jQuery 对象。

2. HTML 字符串:当传入一个 HTML 字符串时,$() 函数将会创建一个包含该 HTML 内容的新元素,并返回 jQuery 对象。例如:
    $("<div>Hello, World!</div>"):创建一个包含 "Hello, World!" 文本内容的 <div> 元素并返回 jQuery 对象。

3. 元素或 DOM 对象:当传入一个元素(或 DOM 对象)时,$(element) 将会把该元素封装成 jQuery 对象并返回。这样做可以使用 jQuery 的方法和属性来操作该元素。例如:
    $(document.getElementById("myElement")):将 ID 为 "myElement" 的元素转换为 jQuery 对象。

4. 函数:当传入一个函数时,$() 函数会在 DOM 加载完成后执行该函数。这对于在页面加载完毕后执行一些操作非常有用。例如:
    $(function() { ... }):当文档加载完毕后执行函数中的代码。

5. 其他参数:$() 函数还可以接受其他一些参数,例如传入一个数组或 jQuery 对象,用于合并多个 jQuery 对象等操作。

需要注意的是,$() 函数返回的是 jQuery 对象

示例:

javascript
// 选择器字符串
$("#myElement").addClass("highlight"); // 选取 ID 为 "myElement" 的元素并添加 CSS 类名 "highlight"

// HTML 字符串
var newDiv = $("<div>Hello, World!</div>"); // 创建一个包含 "Hello, World!" 文本内容的 <div> 元素

// 元素或 DOM 对象
var element = document.getElementById("myElement");
var $element = $(element); // 封装元素为 jQuery 对象

// 函数
$(function() {
    // 执行页面加载完成后的操作
});

// 其他参数
var $merged = $(".class1").add(".class2"); // 合并两个 jQuery 对象

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值