1   定义:    jquary是快速简介的Javascrīpt框架

2  分类 :          1)  .js类           源代码的未压缩的可以进行更改的jquary

2) min.js类        为提升运行速度而压缩的jquary                 一般引用此类

3  引用:             添加新文件夹   jquary ;  将jquary文件复制到文件夹中,然后再拖到js之前;

4  基本选择器:    1)    id =id1         id选择器获取:                  $ ('# id1')

2)    class=div1    class选择器获取:            $  (".div1")

3)    标签             标签                                  $  ('标签名')   例如:$("div")

5   组合选择器:  并列选择器           用 ,隔开          例:$('#id1,div1')                就是给   class选择器为div1和div2的赋事件

后代选择器           用空格隔开        例   $('.div1  .div2')             就是给  div1里含有div2的class选择器为div2的赋事件

6   过滤选择器: 1  首个                   用first                例   $('.div1:first')              从一堆div1 class选择器里选第一个

2  尾个                   用last                       $('.div1:last')              从一堆div1 class选择器里选最后一个

3  等于                   用eq                         $('.div1:eq(1)')       从一堆div1 class选择器里选eq索引的哪一个

4  大于                   用gt                          $('.div1:gt(1)')         从一堆div1 class选择器里选gt索引的哪一个,后边的选择器为div1

5  等于                   用it                           $('.div1:it(2)')           从一堆div1 class选择器里选gt索引的哪一个,前边的选择器为div1

6 排除                    用not                        $('div1:not(#id1 )')       从一堆div1选择器里排除掉有id选择器为id1的div1选择器

7 奇数                    用odd                       $('div1:odd )')              从一堆div1选择器里选择索引值为奇数的div1选择器

8 偶数                     用even                     $('div1:even )')

9 属性名过滤   1)     有属性名                  $('.div1[type-data]')       从一堆div1选择器里选择有属性type-data的选择器

2)  属性名没有或不是   $('.div1:not(.div1[type-data])')      从一堆div1选择器里选择没有属性type-data的选择器

10 属性名与值过滤       属性名=值             $(.div1[type-data])

jquary的更多相关文章

  1. 预习 jQuary

    一.jQuary简介 1.jQuery 库 - 特性 jQuery 是一个 JavaScript 函数库. jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTM ...

  2. jquary 单选,多选,select 获取和设置值 jquary自定义函数

    <%@ page contentType="text/html; charset=UTF-8"%> <%@ taglib prefix="c" ...

  3. jQuary学习の三の效果展示

    一.隐藏显示 1.$(selector).hide(speed,callback);2.$(selector).show(speed,callback); 可选的 speed 参数规定隐藏/显示的速度 ...

  4. jQuary学习の二の语法

    jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作.基础语法: $(selector).action() 美元符号定义 jQuery 选择符(selector)"查询& ...

  5. jQuary学习の一の初期准备

    jQuery 的功能概括: 1.html 的元素选取 2.html的元素操作 3.html dom遍历和修改 4.js特效和动画效果 5.css操作 6.html事件操作 7.ajax异步请求方式 通 ...

  6. jquary高级和ajax

    jquary高级: 1.动画 1.三种方式显示与隐藏元素 1.默认显示和隐藏的方式 1.show([speed],[easing],[fn]):显示 [speed],[easing],[fn] spe ...

  7. jQuary总结11:jQuery插件封装---jQuery封装 手风琴 动画插件

    完整代码下载点击我的GitHub: https://github.com/XingJYGo/jquery-accordion 1 手风琴的效果展示如下: 2 封装插件目录结构如下: 主要包括:HTML ...

  8. jquary依据td中button的元素属性删除tr行(删选出想删除的行)

    watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcnVveXVhbnlp/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA ...

  9. day 50 jquary 终极版本

    jQuary 一.jquary对象和dom对象 jquary找到的标签对象成为-- jquary对象 原生js找到的标签对象成为 -- dom对象 dom对象只能使用dom对象的方法,不能使用jque ...

  10. jquary 动画j

    1) 点击 id为d1的正方体,将其后所有class为div1的正方体背景色设置为绿色. 代码如下:       <div class="div1" > </di ...

随机推荐

  1. 企业级自动化部署方案——ansible实现tomcat自动安装和配置

    共耗时10多个小时 思路一 总体设计 ansible-playbook目录结构 [root@ansible ~]# tree /etc/ansible/roles/tomcat /etc/ansibl ...

  2. python3 open txt的UnicodeDecodeError: 'gbk' codec问题解决方案

    python3 open txt的UnicodeDecodeError: 'gbk' codec问题解决方案先直截了当给出解决方案,在程序开头加上:import _locale_locale._get ...

  3. 福利,OpenCV最新中文版官方教程来了

    OpenCV 中文版官方教程来了. OpenCV是计算机视觉中经典的专用库,然而其中文版官方教程久久不来.近日,一款最新OpenCV4.1 版本的完整中文版官方教程出炉,读者朋友可以更好的学习了解Op ...

  4. dapp 是什么?dapp 和 app 有什么区别?一文明白 dapp。

    DApp 是 decentralized application 中文分布式 APP 的缩写. 一个 DApp 有后台代码运行在分布式点对点网络中.传统的 APP 的后台代码是运行在中心化的服务器. ...

  5. coding++:快速构建 kindeditor 富文本编辑器(一)

    此案例 demo 为 SpringBoot 开发 1.官网下载相关资源包:http://kindeditor.net/down.php 2.编写页面(引入相关JS) <!DOCTYPE html ...

  6. Luogu 1008 三连击

    题目背景 本题为提交答案题,您可以写程序或手算在本机上算出答案后,直接提交答案文本,也可提交答案生成程序. 题目描述 将1,2, \cdots ,91,2,⋯,9共99个数分成33组,分别组成33个三 ...

  7. 阿里 IOS 面试官教你在面试中脱颖而出

    前言: 知己知彼.百战不殆,面试也是如此. 只有充分了解面试官的思路,才能更好地在面试中充分展现自己. 今天,阿里高级技术专家将分享自己作为面试官的心得与体会.如果你是面试者,可以借此为镜,对照发现自 ...

  8. 如何将MagicaVoxel模型导入UE4中(2)

    前言 当可以把MagicaVoxel的静态模型导入到UE4后,我又开始不满足了.默认第三人称蓝图的"汽车碰撞人偶(雾)"与场景中的体素画风格格不入,于是,我便想着用自己建造的体素画 ...

  9. Light of future-冲刺集合

    table th:nth-of-type(1) { width: 85px; } table th:nth-of-type(2){ width: 80px; } table th:nth-of-typ ...

  10. pinpoint配置使用

    一.下载pinpoint包 从https://github.com/naver/pinpoint/releases 下载 pinpoint-agent.tar.gz pinpoint-collecto ...