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 ...
随机推荐
-
Android 解决安装Egit时Egit Mylyn和org.eclipse.team.core报错
为了让Aptana支持GitHub,需要安装Egit,但在的时候碰到两个错误,一个是关于缺少EGit Mylyn另一个是缺少org.eclipse.egit.import.feature.group. ...
-
oracle exp imp
oracle exp/imp
-
.NET批量大数据插入性能分析及比较
数据插入使用了以下几种方式 1. 逐条数据插入2. 拼接sql语句批量插入3. 拼接sql语句并使用Transaction4. 拼接sql语句并使用SqlTransaction5. 使用DataAda ...
-
element-ui中upload组件如何传递文件及其他参数
最近项目用到了vuethink,里面集成了element-ui,之前一直用的是bootstrap框架,对js也是一知半解,然后也用过vue.js,但也是学的不通透的,然后就各种入坑. 下面就分析一下我 ...
-
Spring Security 整合freemaker 实现简单登录和角色控制
Spring Security 整合freemaker 实现简单登录和角色控制 写这篇文章是因为我做了一个电商网站项目,近期刚加上权限控制.整个过程很简单,在此给大家梳理一下,也算是自己对知识 ...
-
Vue(九)小案例 - 百度搜索列表(跨域)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
-
【转】获取到元素的 offsetLeft 、offsetTop属性不正常的解决方法。
原地址:http://hi.baidu.com/huidust520/item/85da006981a6c635ad3e834e 我在工作中遇到个问题: 在ie7下和360浏览器下获取到的 offs ...
-
Java重要类详解之ArrayList类
https://blog.csdn.net/shengmingqijiquan/article/details/52634640 一.ArrayList概述 ArrayList 是一个数组队列,相当于 ...
-
05: MySQL高级查询
MySQL其他篇 目录: 参考网站 1.1 GROUP BY分组使用 1.2 mysql中NOW(),CURDATE(),CURTIME()的使用 1.3 DATEDIFF() 函数 1.4 DATE ...
-
jQuery中index()方法用法实例
本文实例讲述了jQuery中index()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以搜索匹配元素,并返回元素的索引值.索引值是从0开始的. 语法结构一: 当此方法没有参数的时候,返回值 ...