JQuery入门

2023-10-29

 

$ = window.jQuery=jQuery;

选择id用#

$('#id')

$('div')  直接标签名

$('.class')  .+类名

$('*') 通配符

$('a,div,.class')  多项选择器

$('div a')  空格选择后代

$('parent > child')  只选择下一层的父子

$('prev + next')  选择同一层紧接着prev的next标签

$('prev ~ siblings')  选择本同一层兄弟标签,共同父亲的

属性名 比如包含属性的lang  type都会选择出来

^=   表示以value开头就行

$=   表示  以value结尾  和正则表达式相同

*=  表示包含 value 就行  可以匹配

[selector1][selector2][selector3]  满足多个条件选择

用法就是  $('#')    #表示上面图标的使用

 

过滤器:

$('class > p:first-child') 过滤class下第一个孩子是p标签的孩子

nth-child(2) 表示选择第2个孩子  不和数组的0一样,从第一个开始

nth-last-child(2) 倒数第二个孩子

only-child 只有一个孩子

$('class:first-of-type')   

$('class > p:first-of-type')     只要是第一个p标签或者存在一个p标签即可

而 child是子类的位置,不是存在与第几个

 

其中参数

n  匹配第几个 从1开始

odd  匹配奇数个

even  偶数

2n  偶数  2n+1  奇数 也是带入1的坐标

可以是别的特殊公式

 

 

表单相关

:input  找到表单

:text   匹配单行文本框

:enabled 可用的

:disabled   不可用的

:checked 被选中的  用于select 的option 复选 单选

:selected  所有option元素

 

查找

$('select').find('.javascripts');  选择 select的里面的元素 包括孙子等所有后代

$('select').children('option');      只找到孩子 不包括孩子的孩子

$('select').parent();  找到父亲  不可能有多个父亲 ,不用填参数,也可以填用于判断是否是其父亲

.next()

.prev()  查找下一个  上一个

.eq(n) 数组的第几个元素

 .siblings()  找到兄弟 可以不写

.filter('.python') 找到python类

filter可以代替上面很多方法

 

.click 单击  .dbclick双击

mousedown  mouseup    点下  松开

mounseenter  mounseleave   进入离开

hover([over],out)  悬浮鼠标  进入时候可以省略  离开不可以

mouseover  mounseout  进入 离开

mounsemove([data],fction)  移动

scroll([],fction) 滚动

键盘事件

keydown([[data],fction])

$(document).keydown(function(){})

$(document).keydown(function(event){}) 其中event可以有keyCode   event.keyCode 可以控制效果

keyup()

keypress()   参数都一样  按下后就发生

 

其他事件

ready   加载完执行

resize([[data],fnc])  只要改变浏览器大小  使用window

focus  获得焦点  blur  失去焦点

change  发生改变 比如在input 中

select  例如表单中被选择 

submit  提交表单时  

 

以上参数都和resize一样

 

事件参数

event 可以获取很多信息

例如 event.key  event.keyCode

 

事件绑定与取消

.on(events,[selector],[data],fction)

 

事件取消

off

 

one  绑定一次性的事件,运行完自动解绑

 

bug:

html与index同步  防止图片出错

函数值初始化

 

动画

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JQuery入门 的相关文章

  • 华为OD机试 - 消消乐游戏(Java)

    题目描述 游戏规则 输入一个只包含英文字母的字符串 字符串中的两个字母如果相邻且相同 就可以消除 在字符串上反复执行消除的动作 直到无法继续消除为止 此时游戏结束 输出最终得到的字符串长度 输入描述 输入原始字符串 str 只能包含大小写英
  • 2022西山居seed游戏开发训练营笔试复盘

    1 c基础 char arr1 a b c b char arr2 abcd int arr3 10 0 arr1和arr2的区别 cout lt lt sizeof arr1 lt lt endl cout lt lt sizeof ar
  • gcc 选项

    1 c选项 gcc命令后直接跟源文件会对源文件进行预处理 编译 链接生成默认名为a out的可执行文件 而 c选项会处理到编译环节终止 生成一个目标文件 默认名为filename o 它必须再经过链接才最终生成可执行文件 2 g选项 创建符
  • scss、less

    SCSS 是 Sass 3 引入新的语法 是Sassy CSS的简写 是CSS3语法的超集 其语法完全兼容 CSS3 并且继承了 Sass 的强大功能 可以简单理解为scss是sass的一个升级版本 完全兼容sass之前的功能 又有了些新增
  • 吃鸡服务器维护7月5号,绝地求生7月5日更新到几点好?更新进不去怎么办?

    绝地求生7月5日更新内容 绝地求生7月5日更新到几点好 更新进不去怎么办 在绝地求生大逃杀中 为了让大家有个更好的游戏体验环境 绝地求生将于7月5日对游戏进行停机更新 本次更新到几点 很多玩家都不知道 下面就和小编一起去看看 绝地求生正式版
  • SpringBoot 用户登录(二)登录增加验证码

    一 需求分析 SpringBoot 用户登录 一 基础登录 在登录的基础上加上验证码验证 验证码过期时间为一分钟 二 解决思路 在后台生成UUID和验证码返回到前台 并将UUID作为key 验证码内容作为value存入redis 设置过期时
  • ajax获取后台图片数据流如何处理?

    当我们利用ajax从后台获取图片的时候 一般有两种方法 一种是获取后台传递过来的图片的url 一种是获取后台传递过来的图片数据流 当我们获取图片数据流的时候 应该这样处理这些数据流 让它在前台展示出图片 HTML img src alt J
  • 用apache james做简单的垃圾邮件过滤网关(转)

    网络环境如下 三台服务器 1 网关 公网IP 2 domino邮件服务器 3 另一台服务器 通过把网关的端口25 映射到domino服务器上 让domino服务器可以收发邮件 同时domino服务器还要把部分邮件转发到服务器3上 大家的发邮
  • 801冠号大全及桃花荧光

    第一 存量少是801升值的基本依据 801共158个冠号 天蓝 荧光 冠号去除一部分 桃花荧光油墨的占到801的总量的80 以上 有荧光满版网格的又分为 1 满版红桃花荧光 满版底纹网格荧光 2 满版金桃花荧光 满版底纹网格荧光 3 满版桃
  • JavaWeb——SSJDBC(struts2,spring,jdbc)框架,正向工程

    原文地址 http blog csdn net sapce fish article details 52900750 本文采用struts2 spring jdbc搭建web框架 使用正向工程 IDE用myeclipse 数据库用Mysq
  • 实时汇率转换小程序(c++爬虫)

    实时汇率转换小程序 c 爬虫 利用c 网络爬虫爬取网页的实时汇率进行汇率的转换 其中也利用了QT进行了页面设计 define SILENCE STDEXT HASH DEPRECATION WARNINGS include
  • Linux下安装过程中编译PHP时报错:configure: error: jpeglib.h not found.

    今天在搭建LNMP编译PHP时 报错 configure error jpeglib h not found root cac3 php 5 6 22 configure gt prefix usr local php5 gt enable

随机推荐

  • Java Thread Join

    join方法的作用 在A线程中调用了B线程的join 方法时 表示只有当B线程执行完毕时 A线程才能继续执行
  • Opencv之答题卡识别判卷

    项目要求 提供一张答题卡图像 通过图像处理识别出答题卡上每个题的选项 与正确答案对比 得出分数并写在答题卡上 代码实现过程 1 引入需要的库 import numpy as np import cv2 as cv 2 定义绘图函数 def
  • 下代码下代码下代码

    https modelzoo co
  • linux c语言编译成exe,C/C++程序从编译到最终生成可执行文件的过程分析

    C C 程序编译步骤 如何生成可执行文件 电子计算机所使用的是由 0 和 1 组成的二进制数 二进制是计算机的语言的 基础 计算机发明之初 人们只能降贵纡尊 用计算机的语言去命令计算机干这干那 一 句话 就是写出一串串由 0 和 1 组成的
  • QT事件--阐述的比较系统

    转载 http www qtcn org bbs simple t31383 html Another Look at Events 再谈Events 最近在学习Qt事件处理的时候发现一篇很不错的文章 是2004年季刊的一篇文章 网上有这篇
  • 迷宫 蓝桥杯 641

    题目描述 本题为填空题 只需要算出结果后 在代码中使用输出语句将所填结果输出即可 X 星球的一处迷宫游乐场建在某个小山坡上 它是由 10 1010 10 相互连通的小房间组成的 房间的地板上写着一个很大的字母 我们假设玩家是面朝上坡的方向站
  • 单链表的应用(多项式相加)

    目录 题目内容 算法分析 概要设计 流程图 代码块 运行结果 题目内容 完成两个多项式的相加操作 已知有两个多项式Pm x Qm x 设计算法实现Pm x Qm x 运算 而且对加法运算不重新开辟存储空间 要求用链式存储结构实现 例如 Pm
  • 进程的互斥与同步

    一 进程 线程的背景 引入进程 为了描述和实现多个程序的并发执行 以改善资源利用率即提高系统的吞吐量 引入线程 减少程序并发执行时系统所付出的额外开销 使操作系统具有更好的并发性 二 进程的互斥与同步 注意 同步即协调 采用多道程序技术的操
  • xss.haozi.me靶场详解

    xss haozi me靶场详解 前言 0x00 0x01 0x02 0x03 0x04 0x05 0x06 0x07 0x08 0x09 0x0A 0x0B 0x0C 0x0D 0x0E 0x0F 0x10 0x11 0x12 前言 由于
  • sqli-labs靶场challenges第54-75关(超详细)

    目录 第五十四关 单引号闭合 第五十五关 括号闭合 第五十六关 单引号 括号闭合 第五十七关 双引号闭合 第五十八关 单引号闭合报错注入 第五十九关 数字型报错注入 第六十关 双引号 括号闭合 第六十一关 单引号 双括号闭合报错注入 第六十
  • 通过资源本地化技术减少Flink在YARN上的部署时间

    在大数据领域中 Apache Flink是一个流式处理和批处理的开源框架 能够处理高容量和高速度的数据流 在使用Flink时 通常会将其部署在基于YARN Yet Another Resource Negotiator 的集群上 以便充分利
  • win10环境配置jdk8和jdk17切换失效已解决

    配置jdk8环境变量 1 打开环境变量 在系统变量中新建 变量名为JAVA HOME 变量值为jdk8的安装路径D java package jdk8 2 在系统变量中新建 变量名为CLASSPATH 变量值为 JAVA HOME lib
  • 隐私计算和联邦学习发展的举措

    建立大数据隐私计算和联邦学习生态联盟 联邦学习的新商业模式需要一个商业联盟 联盟包含有 N 个实体 加入联盟的实体 可以像朋友圈一样能够利用各自的数据联合建立模型 联邦数据联盟鼓励各方参与 联盟成员一方面进行垂直领域的合作 另一方面 联盟有
  • Centos7安装vmware-tools教程

    一 前言 本教程同样适用Ubuntu系统 虽有些许不同 但总体思路不变 二 安装 1 挂载vmware tools 2 SSH连接Centos虚拟机 ssh root 192 168 2 2 3 创建CD DVD挂载路径 root loca
  • three.js 切割模型动画,并且播放

    因为公司没有人会用blender 所以动画都是用max做的 动画师一般都是会把多个动画做在一个模型上 然后程序中需要使用的话 调用指定的帧数 unity可以把动画切割成animationclip 最近公司使用了需要在three js中添加一
  • Python 高级知识点总结

    Python 高级知识点总结 原文地址 Python 高级知识点总结 一 可迭代对象 迭代器对象和生成器 像list tuple等这些序列是可以使用for in 语句进行遍历输出的 这是为什么呢 这就要需要知道可迭代对象 Iterable
  • 多功能批量剪辑软件一天剪辑1000条原创视频

    下面一个视频用了呆头鹅批量剪辑软件播放量竟然能达到100多万 他是怎么做到的呢 下面我给大家详细的说一下 在短视频平台开展业务 需具备批量制作视频的能力 为了超越同行 需大量更新作品 争取更多曝光 素材准备就绪 导入软件 设置好视频生成数量
  • JS日志输出-console完美封装

    最近在开发一款chrome扩展插件 经常会打印一些调试的日志 然后上生产的时候日志打印的地方总是会有一些漏网之鱼 没有被删掉 控制台还会打印出很多的敏感信息 这是很不合理的 也是不被允许的 鉴于此 对console做了封装 废话不多说 直接
  • 从声通科技的发展来看,AI行业如何回答可持续盈利这一命题?

    AI浪潮下 相关企业头顶新兴技术的光环 脚下是亏损的阴影 尽管业内不同企业身处不同的细分赛道 但是在巨大的成本支出面前 步伐还是有些难迈开 当前 也有一些AI企业希望借助风口在更受投资者关注的舞台施展拳脚 据悉 2023年上半年 赴港IPO
  • JQuery入门

    window jQuery jQuery 选择id用 id div 直接标签名 class 类名 通配符 a div class 多项选择器 div a 空格选择后代 parent gt child 只选择下一层的父子 prev next