jQuery三种$()使用案例

这次给大家带来jQuery三种$()使用案例,jQuery三种$()使用的注意事项有哪些,下面就是实战案例,一起来看一下。

$号是jQuery“类”的一个别称,$()构造了一个jQuery对象。所以,“$()”可以叫做jQuery的构造函数(个人观点,呵呵!)。

1、$()可以是$(expresion),即css选择器、Xpath或html元素,也就是通过上述表达式来匹配目标元素。
比如:$(“a”)构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的这个标签。如:
$(“a”).click(function(){…})
就是在点击页面上的任何一个链接时的触发事件。确切地说,就是jQuery用这个标签构建了一个对象$(“a”),函数 click()是这个jQuery对象的一个(事件)方法。
比如有这样一段HTML代码:

one

 

 

two

  

three

 jQuery

登录后复制

而操作这段HTML的是如下一条语句:

alert($("p>p").html());

登录后复制

$()中的是一个查询表达式,也就是用“p>p”这样一个查询表达式构建了一个jQuery对象,然后的“html()”意思是显示其html内容,也就是上面HTML代码段的[two]。再如:

$("

Hello

").appendTo("body");

登录后复制

$()中的是一个字符串,用这样一段字串构建了jQuery对象,然后向

以上就是jQuery三种$()使用案例的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2769396.html

(0)
上一篇 2025年3月8日 12:21:07
下一篇 2025年2月18日 05:40:05

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • jQuery实现弹窗效果(附代码)

    这次给大家带来jQuery实现弹窗效果(附代码),jQuery实现弹窗效果的注意事项有哪些,下面就是实战案例,一起来看一下。 这里利用jquery实现两种弹窗效果: 1. 淡入弹窗效果: www.jb51.net jQuery弹窗 *{pa…

    2025年3月8日
    200
  • jQuery中for循环var与let使用详解

    这次给大家带来jQuery中for循环var与let使用详解,jQuery中for循环var与let使用的注意事项有哪些,下面就是实战案例,一起来看一下。 今天在写jQuery请求接口中发现一个问题:       在用AJAX发送请求中又嵌…

    编程技术 2025年3月8日
    200
  • jQuery框架使用详解

    这次给大家带来jQuery框架使用详解,jQuery框架使用的注意事项有哪些,下面就是实战案例,一起来看一下。 下面将使用简化的代码来介绍,主要关注jQuery的实现思想~>_ //匿名立即执行函数//.防止污染全局空间//.选择性保…

    2025年3月8日
    200
  • jQuery主要API有哪些

    这次给大家带来jQuery主要API有哪些,jQuery主要API使用的注意事项有哪些,下面就是实战案例,一起来看一下。 jquery核心函数 函数 描述jQuery() 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配…

    2025年3月8日
    200
  • jQuery雪花飘落实现步骤(附代码)

    这次给大家带来jQuery雪花飘落实现步骤(附代码),jQuery雪花飘落实现的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 最近闲来无事,准备写个雪花飘落的效果,没有写太牛逼的特效,极大的简化了代码量,这样容易读取代码,用起来也…

    2025年3月8日 编程技术
    200
  • jQuery判断上传图片类型与大小方法详解

    这次给大家带来jQuery判断上传图片类型与大小方法详解,jQuery判断上传图片类型与大小的注意事项有哪些,下面就是实战案例,一起来看一下。 这里使用jQuery判断上传图片的类型和大小: 图片格式为:图片大小为:$(function()…

    编程技术 2025年3月8日
    200
  • jquery总体架构分析与使用详解

    这次给大家带来jquery总体架构分析与使用详解,jquery总体架构分析与使用的注意事项有哪些,下面就是实战案例,一起来看一下。 jquery的总体架构 (function( window, undefined ) { // 构造 jQu…

    编程技术 2025年3月8日
    200
  • jQuery实现鼠标点击处心形漂浮效果(附代码)

    这次给大家带来jQuery实现鼠标点击处心形漂浮效果(附代码),jQuery实现鼠标点击处心形漂浮效果的注意事项有哪些,下面就是实战案例,一起来看一下。 鼠标点击一下,在鼠标上方显示一个爱心❤,并有慢慢向上消失的效果,如下图: 是不是很炫酷…

    2025年3月8日
    200
  • jQuery无new构建使用详解

    这次给大家带来jQuery无new构建使用详解,jQuery无new构建使用的注意事项有哪些,下面就是实战案例,一起来看一下。 jQuery的无new构建 jQuery框架的核心就是从HTML文档中匹配元素并对其执行操作、 回想一下使用 j…

    2025年3月8日
    200
  • jQuery库冲击时使用详解

    这次给大家带来jQuery库冲击时使用详解,jQuery库冲击时使用的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 一次面试中面试官问到jQuery和别的库冲突怎么解决?虽然以前看过,但是我已经不记得了。 我的思路就是如果让我来设…

    2025年3月8日
    200

发表回复

登录后才能评论