JQuery的使用

简介: JQ的讲解

$和jQuery

jQuery文件就是一个自执行函数,也就是自执行文件,这个自执行文件就是给window对象添加一个jQuery属性和$属性,$参数传递不同,效果也不同,如果参数传递的是一个匿名函数,那$就是一个入口函数。 例:$(function() {});

如果参数传递的是一个字符串,那$就是一个选择器或是创建标签。

例:$("#test1")

例:$('

略略略
')

引入JQuery文件的方法:本地引入:从官网下载jQuery文件,放到js文件中,再进行引用。

有两种版本:

jquery.js:未压缩版本(开发版本),代码可读性高,推荐在开发和学习阶段使用,方便查看源代码。

jquery.min.js:压缩版本,去除了注释、换行、空格、并且将一些变量替换成了a,b,c之类的简单字符,基本没有可读性,推荐在项目生产环境使用,因为文件较小,减少网络压力。

jQuery特性

隐式迭代:jQuery的隐式迭代会对所有的DOM对象设置相同的值,但是如果我们需要给每一个对象设置不同的值的时候,就需要自己进行迭代了

链式编程:在于一个方法返回的是一个jQuery对象,既然是jQuery对象就可以继续点出jQuery的方法来(选择器-方法-选择器-方法);

jQuery选择器

jQuery的选择方法与原生JS中的querySelector很像,大致格式为:

id选择器:$("#id名称") 例:$("#test1")

类选择器:$(".class名称") 例:$(".c1")

标签选择器:$("标签") 例:$("p")

属性选择器
选择所有 有name名称的标签:$("标签[name]") 例:$("div[name]")
选择所有name名称为X的标签:$("标签[name='X']") 例:$("div[name='p1']")
选择所有name名称不是X的标签:$("标签[name!='X']") 例:$("div[name!='p1']")
选择所有name名称以X开头的标签 :$("标签[name^='X']") 例:$("div[name^='en']")
选择所有name名称以X结尾的标签 :$("标签[name$='X']") 例:$("div[name$='html']")
选择所有name名称中含有X的标签 :$("标签[name='X']") 例:$("div[name='o']")

相关文章
|
5月前
|
JavaScript 前端开发 Unix
|
缓存 Java API
IO流【IO流技术介绍、 IO流的经典写法、 IO流新语法经典写法、Java中流的概念细分 】(一)-全面详解(学习总结---从入门到深化)
IO流【IO流技术介绍、 IO流的经典写法、 IO流新语法经典写法、Java中流的概念细分 】(一)-全面详解(学习总结---从入门到深化)
293 0
|
5月前
|
传感器 监控 vr&ar
当可穿戴设备遇上增强现实——技术与未来交响曲
当可穿戴设备遇上增强现实——技术与未来交响曲
136 2
|
7月前
|
人工智能 搜索推荐 数据挖掘
原生鸿蒙版小艺APP接入DeepSeek-R1,为HarmonyOS应用开发注入新活力
原生鸿蒙版小艺APP成功接入DeepSeek-R1,为HarmonyOS用户带来更智能高效的交互体验。通过此次升级,用户在编程、学习和工作中的问题可迅速获得专业解答。同时,此举为HarmonyOS应用开发者提供了新的技术参考,激发了更多创新应用场景的开发,助力打造差异化竞争优势,推动HarmonyOS生态繁荣发展。
563 68
原生鸿蒙版小艺APP接入DeepSeek-R1,为HarmonyOS应用开发注入新活力
|
5月前
|
机器学习/深度学习 人工智能 运维
AI为网络可靠性加“稳”——从断网烦恼到智能运维
AI为网络可靠性加“稳”——从断网烦恼到智能运维
233 2
|
9月前
|
人工智能 搜索推荐 Android开发
Android系统版本演进:从1.0到最新,见证移动操作系统的蜕变####
本文以Android系统的迭代更新为线索,探讨了自2008年首个版本发布以来,Android在功能、性能、用户体验及安全性方面的显著进步。通过对比各代版本的亮点与改进,揭示了Android如何逐步发展成为全球领先的移动操作系统平台,并预测了未来发展趋势。 ####
713 24
|
12月前
|
Java
Java 抽象类详解
在 Java 中,抽象类是一种特殊类,用于提供基础定义并派生具体子类,支持代码复用。它包含抽象方法(无实现)和具体方法(有实现),不能被实例化,需用 `abstract` 关键字定义。子类必须实现所有抽象方法,除非子类也是抽象类。抽象类可用于定义模板或框架,确保子类实现特定方法。通过示例展示了如何定义抽象类 `Animal` 及其子类 `Dog` 和 `Cat`,并在主类中调用相关方法。使用抽象类可以提高代码复用性和设计质量,但也可能增加维护难度和性能开销。
375 8
|
安全 Java API
16 个最常用的 Java 实用程序类
【8月更文挑战第16天】
918 1
16 个最常用的 Java 实用程序类