javascript中 $ 的作用

本文介绍了jQuery库的五大核心用途,包括作为选择器使用、作为工具函数前缀、用于页面加载事件、创建DOM元素及扩展jQuery自身。通过具体示例展示了如何利用jQuery简化常见的网页操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.$用作选择器,

var e = $("h1 a");

var f = $("table tr:nth-child(even)")

2.$用作功能函数前缀 

var str = ' Welcome to 86shichang.com ';
str = $.trim(str);  //$.trim是jQuery的一个工具函数,实现去掉两边空格的功能

jQuery给我们提供了主要有7类工具函数

3.$相当于 window.onload 和$(document).ready(...)

例如:$(function(){...}); 里面的函数会在DOM树加载完之后执行

$(function) 是 $(document).ready()的简写方式,当DOM文档载入完成后执行相应的函数。

以下两个相等

$(document).ready(function(){
 alert("Hello World!");
});
$(function(){
 alert("Hello World2!");
});

4.$用来创建DOM元素

例如:$("<p>how are you?</p>")

创建DOM对象,注意必须有<p>和</p>或者是其他的html标签,如<h1></h1>,<span></span>

$('<div>86市场网</div>').appendTo('body');//动态创建一个div元素(以及其中的所有内容),并将它追加到body中。

5:$用作扩展jQuery

例如:$.fn.disable = function(){...}

6:使用jQuery和其他库

例如:Prototype库也是使用$符号,jQuery提供noConflict函数避免冲突,jQuery.noConflict();把$符号还原到非jQuery库定义的含义

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值