jquery当中$选择器的用法

最新推荐文章于 2024-07-28 23:04:06 发布
转载 最新推荐文章于 2024-07-28 23:04:06 发布 · 422 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://blog.youkuaiyun.com/mark_to_win/article/details/88682506
文章标签：

#javascript #$选择器 #toggle #jquery #jquery

本文介绍了一个简单的示例，展示了如何使用$选择器来操作DOM元素。通过jQuery库，$选择器可以轻松实现元素的显示与隐藏。点击按钮，图片将在页面上切换显示或隐藏。

1.$选择器
例 1.1（ElementApi.html）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> $选择器 </TITLE>
<script src="jquery.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
function showHide()
{
/*
toggle()
切换元素的可见状态。
*/
    $("#info").toggle();
}
//-->
</SCRIPT>
</HEAD>

<BODY>
<INPUT TYPE="BUTTON" ONCLICK="showHide()" value="toggle">
<IMG id="info" SRC="markWeChat.jpg"  BORDER="0" ALT="">
</BODY>
</HTML>

更多请见：http://www.mark-to-win.com/tutorial/js_9_dollarselector.html

JQuery中$之选择器用法介绍
12-11
本文将深入探讨$的选择器用法，帮助你更好地理解和应用这些功能。 1. **$**：在jQuery中，`$`是一个非常核心的符号，它不仅是jQuery库的别名，同时也常用于创建DOM元素。例如，`$(“”)` 相当于 `$(document....
Jquery选择器 $实现原理
10-29
在JQuery中，$()是JQuery选择器的基本用法，通过它可以实现页面元素的选择和操作。 JQuery通过扩展原型链（prototype）或使用extend方法来增加额外的功能，这样做既保持了代码的模块化，又方便了方法的管理和扩展。...
jQuery之选择器的使用
qq_62881798的博客
03-17 1064
jQuery的入门及了解： 使用时必须在头部使用script标签引入jQuery！ 代码如下： 了解js与jQuery的加载函数： 一般使用简写的写法！ <!-- 原生态JS代码实现点击弹窗 --> <script type="text/javascript"> //加载函数(两种方法)： // 1.window.onload = function(){} // 2.window.addEventListener('load',func
jquery中选择器的用法
renlei0109的专栏
04-23 718
1.选择器 (1)通配符： $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id属性包含code的所有input标签 $("input[name^='code']");//name
JQuery选择器的使用
Dawn
07-02 183
JQuery选择器的使用 基本选择器 1. 标签选择器（元素选择器） * 语法： $("html标签名") 获得所有匹配标签名称的元素 2. id选择器 * 语法： $("#id的属性值") 获得与指定id属性值匹配的元素 3. 类选择器 * 语法： $(".class的属性值") 获得与指定的class属性值匹配的元素 4. 并集选择器： * 语法： $("选择器1,选择器2....") 获取多个选择器选中的所有元素 层级选择器 1. 后代选择器 *
JQuery 框架中的选择器说明[转]
09-27 481
$的选择器部分: 凡是运用$,其返回值是一个object $选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的. 1.基本选择器(3种): $("标签名"),如$("p")是选取了所有的p标签节点 $("#id名"),如$("#test")是选取了id为test的标签节点 $(".class名
jQuery内容过滤选择器用法分析
10-24
在实际开发中，它们可以结合其他选择器或方法使用，以便于开发者进行更精确的DOM操作。需要注意的是，内容过滤选择器在使用时应确保传入的参数准确无误，以便于正确选取目标元素。 本文的实例分析和解释是为了帮助...
jQuery类选择器用法实例
10-25
例如，要选取所有具有类名“mydiv”的元素，可以使用jQuery选择器“$(".mydiv")”。这个选择器会匹配文档中所有class属性值为“mydiv”的元素。 在提供的实例代码中，演示了如何使用jQuery类选择器隐藏特定的div...
jQuery选择器之基本过滤选择器用法实例分析
12-02
本文实例讲述了jQuery选择器之基本过滤选择器用法。分享给大家供大家参考，具体如下： 前面一篇介绍了层次选择器，今天我们学习一下jQuery的另一种选择器：基本过滤选择器。过滤选择器可以过滤掉自己不想要的东西，...
jQuery-$选择器 学习笔记三
lansky07
11-26 2180
选择器是jQuery最重要的部分之一，在jQuery中对事件处理，DOM操作和Ajax操作都依赖于选择器，熟练使用选择器，不仅能简化代码，还可以达到事半功倍的效果。在说jQuery之前我们也可以回忆一下CSS的选择器，我想这对我们还算是比较熟悉，分别有：标签选择器、ID选择器、类选择器、群组选择器、后代选择器、通配选择符....等等选择器,具体语法说明在这里就不说了。而我们要说了jQuery中
>>> $$（选择器）
cunbei2644的博客
09-28 900
选择器 高级选择器Gotta love the Firebug console, how can anyone not love the Firebug console. It makes testing random pieces of JavaScript a breeze and best of all - you're playing with the live page. Your pa...
选择器
niudehao1的博客
10-22 190
1.id选择器 $("#id"); $("#user"); 2.元素选择器 $(“element”); $(“div”); 3.类名选择器 $(".class"); $(".word_orange"); 4.复合选择器 $(“selectorl,selector2,selectN”) $(“span,div.myClass”); 5.通配符选择器 ...
jQuery（二）jQuery选择器
最新发布
kong7906928的博客
07-28 2167
jQuery的选择器
$()函数、jquery常用的选择器的用法
sd6022的博客
09-23 3540
一、$()函数【jquery（）】用途 包装DOM元素，以便于操作（jquery选择器） 作为几个通用的实用工具函数的命名空间前缀，例如，删除字符串前后空格的实用函数，其调用方法如：$.trim(str) ; 文档就绪处理程序：包装文档实例，然后调用ready()方法，当文档为操作准备就绪的时候就执行该函数 创建DOM元素，通过给 $()函数传递包含HTML标记的字符串，可以即时创建相应的DOM元素,例如$(" <p>Hello word&l
$(选择器).html,jQuery选择器（转）
weixin_29894169的博客
06-04 1008
一、基本分类jQuery选择器大致可以分为两类，基本选择器和过滤选择器,总体结构体系如下:二、基本选择器基本选择器又可以分为三种,分别为CSS选择器层级选择器表单域选择器2.1 CSS选择器jQuery借用一套CSS选择器，共5种。2.1.1 标签选择器用于选择HTML页面已有的标签元素，也称元素选择器。格式： $("element");例： $("div")2.1.2 ID选择器用于获取某个具有...
jQuery（二）选择器
卩杉的博客笔记
02-24 276
选择器 什么是jQuery选择器 jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。注意：jQuery选择器返回的是jQuery对象。 jQuery选择器有很多，基本兼容了CSS1到CSS3所有的选择器，并且jQuery还添加了很多更加复杂的选择器。【查看jQuery文档】 jQuery选择器虽然很多，但是选择器之间可以相互替代，就是说获取一个元素，你会有很...
jQuery 选择器
huang714的专栏
07-17 390
jQuery 选择器 选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") class="intro" 的所有元素 .class,.class $(".intro,.demo") class 为 "intro" 或 ...
jQuery（一）--概述、$()函数（选择器、伪类等）
小白小白从不日别的博客
05-01 2592
一、概述 1.本质：快速简洁的JavaScript框架是继Prototype之后的又一个优秀的JavaScript库（或JavaScript框架） jQuery有非常便利的选择元素的能力，用一个$()函数就能搜寻页面上的元素；$是jQuery的别称（另外的名字），在代码中可以使用jQuery代替$，但一般为了方便，通常都是直接用$ $是jQuery的顶级对象，相当于原生JavaScript中的window，把元素利用$包装成jQuery对象，就可以调用jQuery的方法 jQuery的操作...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值