JQuery下载及选择器总结
JQuery下载
- JQuery只是一个JS函数库,要使用其中的方法还是要在JS文件中进行调用。
- 一般去https://mvnrepository.com/这个网站下载,搜索JQuery就能找到JS文件下载。
- 下载完成后通过script src="JQuery.js文件路径",进行加载,并在其他js文件中随便写一个加载事件进行测试即可,若成功,则表示JQuery可以进行开发了。
- 不同的JQuery版本不同,会有一些bug。遇到这用情况,换个版本使用即可。
JQuery选择器
- id选择器:$("#标签ID");
- 类选择器:$(".标签class");
- 元素选择器:$("标签元素");
- 组选择器:$("#标签ID,标签元素,.标签class");(就是多种类型的条件组合在一起)
- 后代选择器:$("父标签 标签1");(找到父标签下面的所有标签1)
- 子选择器:$("父标签>标签1");(找到父标签下的所有子标签1)
- 位置选择器:
$("标签a:first");(找到第一个标签a)
$("标签a:last");(找到最后一个标签a)
$("标签a:even");(找到序数为偶数标签a)
$("标签a:odd");(找到序数为奇数标签a)
$("标签a:eq(idenx)");(找到索引为index的标签a)
$("标签a:lt(idenx)");(找到索引小于index的标签a)
$("标签a:gt(idenx)");(找到索引大于index的标签a) - 属性选择器
$("标签a[属性x]");(找到带有属性x的标签a)
$("标签a[属性x='数值1']");(找到属性x等于数值1的标签a)
$("标签a[属性x^='数值1']");(找到属性x以数值1开头的标签a)
$("标签a[属性x*='数值1']");(找到属性x值包含数值1的标签a)
$("标签a[属性x!='数值1']");(找到属性x值不等于包含数值1的标签a)
JQuery下载及选择器总结的更多相关文章
- 【Java EE 学习 32 上】【JQuery】【选择器】
一.JQuery简介 1.JQuery是JavaScript库,封装了很多预定义对象和实用函数. 2.JQury的优势: (1)简洁,其宗旨就是写更少的代码做更多的事. (2)文档声明非常全面:htt ...
- 24款最好的jQuery日期时间选择器插件
如果你正在创建一个网络表单,有很多事情你需要在你的应用程序中使用.有时您需要特别的输入,从用户的日期和时间,如发票日期,生日,交货时间,或任何其他此类信息.如果你有这样的需要,可以极大地从动态的jQu ...
- jQuery语法、选择器、效果等使用
1.jQuery语法 1.1 基础语法:$(selector).action( ) 美元符号定义 jQuery 选择符(selector)“查询”和“查找” HTML 元素 jQuery 的 acti ...
- jQuery cxCalendar 日期选择器
简介 cxCalendar 是基于 jQuery 的日期选择器插件. 它灵活自由,你可以自定义外观,日期的范围,返回的格式等. 版本: jQuery v1.7+ jQuery cxCalendar v ...
- jQuery入门一(jQuery下载以及基本语法)
1. jQuery简介 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是 ...
- jQuery九大选择器和jQuery对ajax的支持
一.jQuery九大选择器 1)基本选择器: <body> <div id="div1ID">div1</div> <div id=&qu ...
- jQuery 1.0 | 选择器 | 事件 | 操作样式 | 操作属性
使用jQuery: 1,下载jQuery http://jquery.com/download/ 2,引入jQuery文件 3,定义入口函数 <script src="jquery-1 ...
- jQuery基础之选择器
摘自:http://www.cnblogs.com/webmoon/p/3169360.html jQuery基础之选择器 选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Aja ...
- jQuery 简单过滤选择器
<!DOCTYPE HTML> <html> <head> <title> 使用jQuery基本过滤选择器 </title> <scr ...
随机推荐
- maven的tomcat插件问题
在dependence中不用加tomcat的jar, 记得在plugin中加入tomcat插件就行. 否则会出问题.
- 通过scp拷贝文件时无需交互输入密码
工作中经常需要把一些文件从一个服务器传输到另一台服务器,linux环境下最习惯的方式当然是scp,但是scp需要交互输入密码有时候觉得麻烦,记录几种无需手动输入密码的方法. 方法一:建立SSH互信 此 ...
- AOP方法增强自身内部方法调用无效 SpringCache 例子
开启注解@EnableCaChing,配置CacheManager,结合注解@Cacheable,@CacheEvit,@CachePut对数据进行缓存操作 缺点:内部调用,非Public方法上使用注 ...
- <Dare To Dream 团队>第二次作业:基于B/S的家教管理系统
团队项目GitHub仓库地址:https://github.com/Sophur/Team-Project.git 为其他团队评分结果: 小组名 N A B C D 总分 平均分 Blue Flk ...
- layer弹窗和日期
这个插件用的最多的是,弹窗和日期
- windows、Linux同步外网NTP服务器时间
配置 Windows 时间服务以使用外部时间源 要将内部时间服务器配置为与外部时间源同步,请使用以下方法之一: 软件自动配置 Windows 时间服务 若要自动修复此问题,请单击“下载”按钮. 在“ ...
- CSS如何作小于1PX的边
小于1PX的边能使页面变得更加精致,那么具体怎么做呢? 主要思路就是设置伪元素先放大再通过变换缩小. 代码如下 .border { position: relative;//如果有圆角 } .bord ...
- [剑指Offer]7-重建二叉树
链接 https://www.nowcoder.com/practice/8a19cbe657394eeaac2f6ea9b0f6fcf6?tpId=13&tqId=11157&tPa ...
- ROLAP、MOLAP和HOLAP区别
对没有使用过数据仓库的人,对这三个概念确实是有点混淆不清.包括我自己本身不是做数据仓库出身,所以实际上是从实践出发,理论基础是有点匮乏的. 一.基本概念 1. OLAP OLAP(on-Line An ...
- java_23 File类
1.File类定义: 文件和目录路径的抽象表达形式,java中将路径或者文件封装成File对象. 2.File类的静态成员变量(pathSeparator 分隔符,字符串 separat ...