JQuery下载

  • JQuery只是一个JS函数库,要使用其中的方法还是要在JS文件中进行调用。
  • 一般去https://mvnrepository.com/这个网站下载,搜索JQuery就能找到JS文件下载。
  • 下载完成后通过script src="JQuery.js文件路径",进行加载,并在其他js文件中随便写一个加载事件进行测试即可,若成功,则表示JQuery可以进行开发了。
  • 不同的JQuery版本不同,会有一些bug。遇到这用情况,换个版本使用即可。

JQuery选择器

  1. id选择器:$("#标签ID");
  2. 类选择器:$(".标签class");
  3. 元素选择器:$("标签元素");
  4. 组选择器:$("#标签ID,标签元素,.标签class");(就是多种类型的条件组合在一起)
  5. 后代选择器:$("父标签 标签1");(找到父标签下面的所有标签1)
  6. 子选择器:$("父标签>标签1");(找到父标签下的所有子标签1)
  7. 位置选择器:
    $("标签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)
  8. 属性选择器
    $("标签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下载及选择器总结的更多相关文章

  1. 【Java EE 学习 32 上】【JQuery】【选择器】

    一.JQuery简介 1.JQuery是JavaScript库,封装了很多预定义对象和实用函数. 2.JQury的优势: (1)简洁,其宗旨就是写更少的代码做更多的事. (2)文档声明非常全面:htt ...

  2. 24款最好的jQuery日期时间选择器插件

    如果你正在创建一个网络表单,有很多事情你需要在你的应用程序中使用.有时您需要特别的输入,从用户的日期和时间,如发票日期,生日,交货时间,或任何其他此类信息.如果你有这样的需要,可以极大地从动态的jQu ...

  3. jQuery语法、选择器、效果等使用

    1.jQuery语法 1.1 基础语法:$(selector).action( ) 美元符号定义 jQuery 选择符(selector)“查询”和“查找” HTML 元素 jQuery 的 acti ...

  4. jQuery cxCalendar 日期选择器

    简介 cxCalendar 是基于 jQuery 的日期选择器插件. 它灵活自由,你可以自定义外观,日期的范围,返回的格式等. 版本: jQuery v1.7+ jQuery cxCalendar v ...

  5. jQuery入门一(jQuery下载以及基本语法)

    1. jQuery简介 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是 ...

  6. jQuery九大选择器和jQuery对ajax的支持

    一.jQuery九大选择器 1)基本选择器: <body> <div id="div1ID">div1</div> <div id=&qu ...

  7. jQuery 1.0 | 选择器 | 事件 | 操作样式 | 操作属性

    使用jQuery: 1,下载jQuery http://jquery.com/download/ 2,引入jQuery文件 3,定义入口函数 <script src="jquery-1 ...

  8. jQuery基础之选择器

    摘自:http://www.cnblogs.com/webmoon/p/3169360.html jQuery基础之选择器 选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Aja ...

  9. jQuery 简单过滤选择器

    <!DOCTYPE HTML> <html> <head> <title> 使用jQuery基本过滤选择器 </title> <scr ...

随机推荐

  1. Android Room 学习(一)

    Room简介 Room persistence库为SQLite提供了一个抽象层,以便在利用SQLite的全部功能的同时实现更强大的数据库访问. 该库可帮助您在运行应用程序的设备上创建应用程序数据的缓存 ...

  2. JS event loop

    一.为什么JavaScript是单线程? JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事.那么,为什么JavaScript不能有多个线程呢?这样能提高效率啊. Java ...

  3. java正则表达式 需要转义的字符

    特别字符 说明 $ 匹配输入字符串的结尾位置.如果设置了 RegExp 对象的 Multiline 属性,则 $ 也匹配 ‘\n' 或‘\r'.要匹配 $ 字符本身,请使用 \$. ( ) 标记一个子 ...

  4. Codeforces Round #508 (Div. 2)

    Codeforces Round #508 (Div. 2) http://codeforces.com/contest/1038 A #include<bits/stdc++.h> us ...

  5. 386. Lexicographical Numbers 输出1到n之间按lexico排列的数字序列

    [抄题]: Given an integer n, return 1 - n in lexicographical order. For example, given 13, return: [1,1 ...

  6. react项目的react-router-dom路由的使用

    现在测试一下react-router-dom路由的使用,首先在App.js这个文件搭配路由 import React, { Component } from 'react'; import {Link ...

  7. Hello SIP Protocol

    SIP Request Line Request-Line = Method SP Request-URI SP SIP-Version CRLFMethod:        1. REGISTER ...

  8. c++ stl源码剖析学习笔记(二)iterator

    ITERATOR 迭代器 template<class InputIterator,class T> InputIterator find(InputIterator first,Inpu ...

  9. MPLAB X IDE V4.15 创建工程,编译,问题处理

    初步接触,有错误的地方还请大神们务必提出来,防止误导他人 硬件环境:MCU--PIC18F67K22 仿真下载器--ICD 3 编译环境:MPLAB X IDE V4.15 中文版 工作需要接触到了P ...

  10. RQNOJ 1 明明的随机数

    查重和排序,这里我用的set进行存储数据,利用了set的唯一性和自动性,方便了很多 #include <iostream> using namespace std; #include &l ...