09.07 jQuery 随意整理

IE 兼容版本的写法

<!--[if gt IE 8]> <!-->
    <script src="../jquery-3.2.1.min.js"></script>
    <!--<![endif]-->

    <!--[if lte IE 8]>
    <script src="../jquery-1.12.4.min.js"></script>
    <![endif]-->

 

# jQuery 基础
### ready 事件
* 用法
        
        $(document).ready(function(){
        })
        //简写
        $(function(){
        })

* 与onload的区别
    *  onload 事件 等到页面的一切加载完毕,才能触发
    *  ready事件等页面中所有的dom加载完毕,就能触发


### jquery dom 和 原生 dom
* 通过$() 获取的对象,是jquery dom
* jquery dom 本质上是由 原生dom 组成的集合,通过取下标就可以获取原生dom
* $()方法可以把 原生dom 变为 jquery dom  `$(document)`


### jquery 中绑定事件



# jquery 选择器
### 基本选择器
* #ID
* .className
* tagName
* *
* selecter,selecter

### 层级选择器
* selecter seclter
* selecter>selecter
* selecter+selecter
* selecter~selecter

### 过滤选择器
* :first
* :last
* :eq(index)
* :lt(index)
* :gt(index)
* :odd     奇数
* :even    偶数
* :not(selecter)  排除
* :lang()
* :header   所有的标题标签(hn)
* :root 
* :target  


### 内容选择器
* :contains(text)
* empty
* parent
* has(seelcter)


### 可见性选择器
* :hidden
* :visible


### 属性选择器
* [attrName]
* [attrName=value]
* [attrName!=value]
* [attrName^=value]
* [attrName$=value]
* [attrName*=value]


### 子元素选择器
* :first-child
* :last-child
* :nth-child()
* :nth-last-child()
* :only-child
* :first-of-type
* :last-of-type
* :nth-of-type()
* :nth-last-of-type()
* :only-of-type

### 表单选择器
* :input   所有的表单控件(input\select\textarea)
* :text
* :radio
* :checkbox
* :password
* :image
* :submit 
* :reset
* :button  
* :file


### 表单对象选择器
* :diabled
* :enable
* :checked
* :selected



# 筛选
### 过滤
* .eq(index)
* .first()
* .last()
* not(selcter)
* filter(selecter)
* has(selecter)
* slice(start, end)
* is(selecter)           true/false
* hasClass(className)  /true/false
* map(fn)   

### 查找
* find(selcter)       后代元素
* children(selcter)   子元素
* parent()   父元素
* parents(selcter)  所有的祖先元素
* parentsUntil(selecter)   所有祖先素直到
* closest(selecter)  从自身和祖先元素中 找到第一个满足条件
* next()  
* nextAll()
* nextUntil()
* prev()
* prevAll()
* prevUntil()
* siblings()     所有的兄弟元素   

### 串联

 

 

09/08

 

### 串联
* add(selcter)    把选中的元素加入到当前集合
* addBack()      把最近的堆栈中元素加入当前集合
* end()             返回最近一次破坏性操作之前的元素
* contents()     所有子节点的集合(不是jquery dom)

 

 

# 属性操作
### 属性操作的方法
* prop(attr [,val])   只能操作内置属性
* attr(attr [,va])     操作自定义属性
* remvoeAttr(attr)  移除属性


### class操作
* addClass()   添加一个类
* removeClass()   移除一个类
* toggleClass() 切换
* hasClass()    判断一个类


### HTML代码/文本/值
* html([val])   
* text([val])
* val([val])



# CSS
### css方法
* css()

### 位置
* offset()    
* postion()
* scrollLeft([val])
* scrollTop([val])


### 尺寸
* width() / height()
* innerWidth()  / innerHeight()
* outerWidth() / outerHeight()


# 文档处理(添加删除元素)
### 内部插入
* append()
* appendTo()
* prepend()
* prependTo()

### 外部插入
* after()
* insertAfter()
* before()
* insertBefore()

### 包裹
* wrap()
* wrapAll()
* wrapInner()
* unwrap()


### 替换
* replaceWith()
* replaceAll()


### 删除元素
* empty() 清空
* remove() 删除(自己)
* detach()  删除


### 克隆
* clone()



# 事件
### ready
### 事件绑定方式
* 事件(fn)
* bind("事件", fn)   指定对象 同时绑定多个事件
* on("事件", fn)
* one("事件", fn)

### 事件解除绑定
* unbind()
* off()


### 事件委派
* on(事件, 选择器, fn)
* delegate(选择器, 事件, fn)
* undelegate(选择器)   


### 自动触发事件
* trigger()       
* triggerHandler()


### jQuery 事件
* hover
* mouseenter
* mouseleave
* focusin
* focusout



### 事件对象

 

09.11

# 效果
### 基本 (width/height/opacity)
* show()
* hide()
* toggle()

### 滑动滑出 (height)
* slideUp()       隐藏
* slideDown()  显示
* slideToggle()

### 淡入淡出
* fadeOut()    隐藏
* fadeIn()      显示
* fadeToggle()
* fadeTo()
### 自定义动画 * animate(params, speed, easing, fn) ### 动画操作 * stop() * finish() * delay()  延迟 # 工具 ### 浏览器 * $.support ### 对象和属性操作 * $.each() * $.extend() # 核心 ### jQueryDOM 方法 * each() * size() * length

转载于:https://www.cnblogs.com/lwwnuo/p/7489790.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/487637.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

分数怎么在计算机上关,电脑如何在注册表上关闭AutoRun功能

AutoRun是微软的windows系统的一种自动运行的文件命令&#xff0c;主要用于对于移动设施的自动运行。一些用户反馈说电脑运行AutoRun功能&#xff0c;导致系统很卡&#xff0c;有什么方法可以关闭AutoRun功能&#xff1f;其实关闭AutoRun功能方法简单&#xff0c;我们可以通过注…

【一图看全】北京新基建行动方案中的30大要点

转自&#xff1a;行业研究报告6月10日&#xff0c;北京市印发《北京市加快新型基础设施建设行动方案&#xff08;2020-2022年&#xff09;》&#xff08;以下简称“行动方案”&#xff09;&#xff0c;其中提出聚焦“新网络、新要素、新生态、新平台、新应用、新安全”六大方向…

docker port如何增加端口_docker部署redis实战

原创首发于公众号&#xff1a;编程三分钟“ 换电脑的时候不想再搭建开发环境了&#xff01;——编程三分钟”什么是dockerDocker是一个用来管理容器的应用程序&#xff0c;而容器就是模拟运行应用程序所依赖环境的一个服务。一般一个容器内只安装一个程序&#xff0c;在容器内的…

Android Studio配置GreenDAO 3.2.0和使用方法

我相信&#xff0c;在平时的开发过程中&#xff0c;大家一定会或多或少地接触到SQLite。然而在使用它时&#xff0c;我们往往需要做许多额外的工作&#xff0c;像编写SQL语句与解析查询结果等。所以&#xff0c;适用于Android ORM框架也就孕育而生了&#xff0c;现在市面上主流…

收件服务器主机名未响应,邮箱收件服务器主机名是什么

邮箱收件服务器主机名是什么 内容精选换一换FTP/SFTP连接适用于从线下文件服务器或ECS服务器上迁移文件到OBS或数据库。当前仅支持Linux操作系统的FTP 服务器。连接FTP或SFTP服务器时&#xff0c;他们的连接参数相同&#xff0c;如表1所示。FTP/SFTP连接参数参数名说明取值样例…

数字孪生技术,让酷炫的智慧城市不再遥不可及

物联网智库 整理发布智慧城市对于不同的人&#xff0c;不同的角色所处不同立场都会有不同的定义。在普通人眼中“上班不拥堵&#xff0c;下班走近路”是智慧城市......在老年人眼中“独自在家遭遇危险&#xff0c;能有人及时提供帮助”是智慧城市......在消防员眼中“火情在苗头…

python中read和readline的区别_Python中read()、readline()和readlines()三者间的区别和用法...

前言众所周知在python中读取文件常用的三种方法&#xff1a;read(),readline(),readlines()&#xff0c;今天看项目是又忘记他们的区别了。以前看书的时候觉得这东西很简单&#xff0c;一眼扫过&#xff0c;待到用时却也只知道有这么几个方法&#xff0c;不懂得它的原理与用法。…

CentOS赋予一个普通用户root权限

http://www.linuxidc.com/Linux/2012-07/64530.htm转载于:https://www.cnblogs.com/Baronboy/p/7491592.html

腾讯文档网页版登录提示服务器,腾讯文档官网地址,腾讯文档电脑版pc端登录入口...

腾讯文档是腾讯近期推出的一款多人协作在线文档产品&#xff0c;不但打通QQ、微信和PC等多个平台&#xff0c;哪么腾讯文档官网地址是什么&#xff1f;有没有电脑版&#xff0c;想在pc端编辑文档怎么办呢&#xff1f;腾讯文档没有电脑版软件&#xff0c;但腾讯文档网页版可以替…

向深度学习三剑客学习四种科研精神(上)

来源&#xff1a;陈德旺科学网博客深度学习&#xff0c;尤其是深度神经网络学习算法的兴起和大数据的加持&#xff0c;结合GPU的算力&#xff0c;如同 “三英战吕布”&#xff0c;终于搞定了人工智能这一反复无常的“吕布”&#xff0c; 使得人工智能得以第三次复兴。如今&…

val什么意思vb中的属性值_老司机带你探索Mysql中int(1)、int(10)、int(11)的区别是什么?...

在上一篇原创文章MySQL一个表的自增id用完了&#xff0c;背井大佬让我用这些姿势再往里插数据&#xff0c;最后留下了一个问题&#xff0c;大家知不知道int(1)和int(11)有什么区别&#xff0c;没有小伙伴互动回答&#xff0c;只有一位老哥让我说一下什么区别&#xff0c;我说上…

【重点】【堆】347.前K个高频元素

题目 最大的K个元素 > 小根堆&#xff08;类似上窄下宽的梯形&#xff09; 最小的K个元素 > 大根堆&#xff08;类似倒三角形&#xff09; 法1&#xff1a;小根堆 class Solution {public int[] topKFrequent(int[] nums, int k) {Map<Integer, Integer> valToC…

Nginx 反向代理+高可用

反向代理主机IP&#xff1a;10.0.0.20 WEB01主机IP : 10.0.0.22 WEB02主机IP : 10.0.0.23 反向代理主机配置&#xff1a;10.0.0.20 [rootnode1 html]# vim /etc/nginx/conf.d/web.conf server {listen 80;server_name www.wanglan.com;location / {proxy_pass http://1…

DNS系统服务器端口是,dns端口号是多少默认

●在Windows 95&#xff0f;98、Windows NT、UNIX及Linux环境下&#xff0c;均可使用TCP/P联网&#xff0c;请回答下列问题。在Windows 95&#xff0f;98平台下安装与配置TCP&#xff0f;IP的顺序应该是&#xff1a;安装网络适配器 (40) &#xff0c;安装TCP/IP协议&#xff0c…

c#switch语句判断成绩_C#程序流程控制 知多少?

最近发现读书是个慢过程&#xff0c;很难一口吃个胖子&#xff0c;尤其读这种技术类的书&#xff0c;需要细嚼慢咽的精读&#xff0c;很耐心的读。迄今为止我一个像样的C#程序都没有做过&#xff0c;是小白中的小白&#xff0c;这倒不影响什么&#xff0c;毕竟在曾经学过C语言的…

无穷存在吗?

来源&#xff1a;数学职业家无穷大的存在问题是一个令人惊讶的古老问题。亚里士多德首先引入了一个明确的区分&#xff0c;以帮助理解它的意义。他区别两种不同的无穷大。其中之一&#xff0c;他称之为潜在无穷大&#xff1a;这种无限大刻画了无止境的宇宙或一个永无休止的名单…

jquery.tmplate使用心得

jquery.tmplate使用心得 jquery.tmplate使用心得 jquery.tmpl.js&#xff0c;是与jquey共同使用的html模板插件。该插件可通过简单的语法将数据放入到html模板中&#xff0c;可以很好的将数据渲染到页面上。该插件在本项目中使用较多且网上的讲解比较分散&#xff0c;无系统的a…

机器学习虽好,也要看什么场合!

来源&#xff1a;AI科技评论编译 | 王念编辑 | 丛末身为AI时代的程序猿&#xff0c;我们天生就对数据集敏感。因此&#xff0c;当我们拿到一批真实数据时&#xff0c;激动之情肯定溢于言表&#xff01;举例来说&#xff0c;我们可能拿到了一组患者正确药量的数据集&#xff0c;…

CVTE前端笔试编程题

这些题目是做完笔试之后&#xff0c;在别的地方找到的&#xff0c;现在附上。 1.(1)这题考察的怎么把参数转换为数组&#xff0c;然后再截取你想要的位数。 function C(){var a_argsArray.prototype.slice.call(argumens,0,2);var b_argsArray.prototype.slice.call(arguments,…

springboot 引入jdbc驱动_SpringBoot+MyBatis+Druid整合demo

最近自己写了一个SpringBootMybatis&#xff08;generator&#xff09;druid的demo1. mybatisgenerator逆向工程生成代码1. pom文件pom文件添加如下内容&#xff0c;引入generator插件<!-- mybatis代码生成插件 --><!--如果使用的mysql驱动是6.x的&#xff0c;那就无法…