jQuery基础,选择器
2024-09-04 14:38:03
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。[1]
jQuery有好多版本本,无法同时引用两个不同的版本,容易造成混乱,用哪一个,调用哪一个.\
jQuery引用到<head></head>中,页面加载时就需要特效调用这些方法.
选择器
基础选择器:
- ID选择器:$("#d1")
- class选择器:$(".d1")
- 标签选择器:$("div")
组合选择器:
- 平级并列:$("#d1,#d2") 加逗号
- 后代:$(#d1 d11)加空格
过滤选择器:
- 基本过滤:
- class集合中的第一个:$(".d1:first")
- class集合中的最后一个:$(".d1:last")
- class集合中某一个:$(".d1:eq(索引号)")
- class集合中某个索引之前:$(".d1:lt(索引号)")
- class集合中某个索引之后:$(".d1:gt(索引号)")
- class集合中除某个索引之外:$(".d1:not(索引号)")
- class集合中的奇数索引:$(".d1:odd") 1,3,5....
- class集合中的偶数索引:$(".d1:even") 0,2,4.....
- 属性过滤:
- class集合中属性名值对过滤:$(".d1[id=d1]") 或[id!=d1]
- 内容过滤:
- class集合中的内容文字中包含某个字符串:$(".d1:contains('字符串')")
- class集合中的某个选择器子集中存在某个选择器:$(".d1:has('id=d0')")
找他的子集,this代表触发事件的div 找他的子集里面的class是div2的 第一个(eq(索引值));
最新文章
- 【Java EE 学习 68】【单点登录】【两种单点登录类型:SSO/CAS、相同一级域名的SSO】
- C#编程总结(三)线程同步
- 关于__IPHONE_OS_VERSION_MAX_ALLOWED和__IPHONE_OS_VERSION_MIN_ALLOWED的用法
- Python爬虫--简单爬取图片
- NPOI设置Excel保护
- Z - Fighting 和 Depth-bias
- linux网络相关
- yii2 model源码解读
- Java 6 Thread States and Life Cycle.
- Day3:T3DP T4堆排序
- yhTriangle_LinkQueue(队列实现杨辉三角)
- Linux常用的网络命令
- Linux 小知识翻译 - 「动态DNS」(DDNS)
- SQL中in参数在存储过程中传递及使用的方法
- vs中插件影响代码自动创建后台事件问题
- 《杜增强讲Unity之Tanks坦克大战》7-坦克血条
- OPC and .NET
- 通过ArcGIS Desktop数据发布ArcGIS Server
- PostgreSQL 9.6 keepalived主从部署
- Android-开关机的广播
热门文章
- HDU3507Print Article (斜率优化DP)
- 关键的OOP概念
- deep Learning 之入门一 (ps:知乎上看到的大佬写的非常好,所以自己记录下)
- SSH使用总结(xml配置)
- 转载关于reset vector 和 exception vector
- 两种方式创建Maven项目【方式二】
- Struts2小demo遇到的几个问题
- apache通过.htaccess(rewrite)判断手机电脑跳转-手机用户重定向到手机版
- S3C2440 SPI驱动框架
- 求 s=a+aa+ aaa+ aaaa +aaaaa+........的值,a是从键盘输入的,项数也为键盘输入