![](https://img-blog.csdnimg.cn/c0d1b56db6e04c1d8d084844694d1ba7.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
jQuery
跟我来一起学习jQuery吧!
梁同学与Android
Android 领域优质创作者,专注于安卓原生开发,专注于 Scratch、Python、Scratch、C、C++ 青少年编程等级考试等。等级考试真题请见链接库:https://download.csdn.net/download/qq_43290288/88548582
展开
-
jQuery-内置动画(实质)
文章目录1.淡入与淡出淡入:fadeIn([speed],[easing],[fn])淡出:fadeOut([speed],[easing],[fn])切换显示隐藏fadeToggle([speed,[easing],[fn]])2.上下滑动向下滑:slideDown([speed],[easing],[fn])向上滑:slideUp([speed,[easing],[fn]])切换:slideT...原创 2020-03-10 10:49:26 · 217 阅读 · 0 评论 -
jQuery-事件委托(基本概述+实例)
文章目录1.基本概述2.代码实例3.效果图1.基本概述(1)事件委托(代理/委派)->将多个子元素(li)的事件监听委托给父辈元素(ul)处理->监听回调是加在了父辈元素上->当操作任何一个子元素(li)时,事件会冒泡到父辈元素(ul)->父辈元素不会直接处理事件,而是根据event.target得到发生事件的子元素(li),通过这个子元素调用事件回调函数(2...原创 2020-03-03 13:14:41 · 622 阅读 · 0 评论 -
jQuery-给ul添加了li之后,添加的li并没有绑定点击监听怎么办?
我们看一个简单的例子效果图如下这里面有一个ul里面套着4个li,还有一个独立的li代码实例:需求1.点击li,背景就会变成红色2.点击btn,就会添加一个li<html> <head> <base href="<%=basePath%>"> <title>My JSP 'practice_02...原创 2020-03-03 13:09:33 · 1045 阅读 · 1 评论 -
jQuery面试题-区别mouseover和mouseenter的不同之处(看了也许对你有好处)
我们来简单阐述下mouseover和mouseenter的不同之处:mouseover:在移入子元素的时候也会触发,对应mouseoutmouseenter:移入当前元素会触发,如果有子元素,则不会触发,对应mouseleavehover():这个方法里面实质上就是使用mouseenter()和mouseleave()代码实例测试:<html> <head>...原创 2020-03-02 09:19:52 · 379 阅读 · 0 评论 -
jQuery-全选、全不选、反选、提交等功能的实现(试了你就知道)
代码实例如下:<html> <head> <base href="<%=basePath%>"> <title>My JSP 'practice_02.jsp' starting page</title> <meta http-equiv="pragma" content="n...原创 2020-03-01 11:24:37 · 295 阅读 · 0 评论 -
JS对象与Dom对象与jQuery对象之间的区别
前言通过问题看本质:举例:js的写法:document.getElementById('save').disabled=true;在jquery中我是这样写的$("#save").disabled = true; //没有效果分析:其实因为$("#save")出来的其实是jQuery对象,而不是普通DOM对象解决方法:1)用JQ写法$("#save").attr(...转载 2020-03-01 09:54:35 · 253 阅读 · 0 评论 -
jQuery-点击按钮实现回到顶部的两种方式
1.点击按钮,快速回到顶部<html> <head> <base href="<%=basePath%>"> <title>My JSP 'practice_02.jsp' starting page</title> <meta http-equiv="pragma" content="no-ca...原创 2020-02-29 18:46:08 · 1380 阅读 · 0 评论 -
jQuery兼容IE和Chrom浏览器-得到页面滚动条的坐标值
我们先来看一下代码:<html> <head> <base href="<%=basePath%>"> <title>My JSP 'practice_02.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache...原创 2020-02-29 14:21:03 · 254 阅读 · 0 评论 -
jQuery中attr()与prop()的区别
今天在学习jQuery的时候遇到了一个这样的问题,全选的时候只有第一次全选可以选中,之后就不可以,最后发现问题的所在,就是attr()与prop(),下面我们来简单的说一下1.attr()操作属性值为非布尔类型的属性2.prop()操作属性值为布尔类型的属性以上我就通俗易懂的定义一下,下面看代码实例: <body> <!-- 全选与反选 --> ...原创 2020-02-29 11:17:17 · 174 阅读 · 0 评论 -
jQuery 中jQuery/$的数据类型是什么?
今天在学习jQuery的时候老师问了这样一个问题:$的数据类型是什么?不懂的我,利用已经学过的知识解决了这个简单的问题代码如下: <body> 数据类型的判断 <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script typ...原创 2020-02-28 15:49:50 · 2187 阅读 · 0 评论 -
jQuery-层次选择器的学习
1.概念:层次选择器就是查找子元素,后代元素,兄弟元素的选择器2.种类(1)ancestor descendant在给定的祖先元素下匹配所有的后代元素(2)parent>child给定的父元素下匹配所有的子元素(3)prev+next匹配所有紧接在prev元素后的next元素(4)prev~siblings匹配prev元素之后的所有siblings元素...原创 2020-02-28 13:43:24 · 150 阅读 · 0 评论 -
jQuery-基本选择器的种类
1.基本选择器都有哪些?(1)#id:id选择器(2)element:元素选择器(3).class:类选择器(4)*:任意标签(5)selector1,selector2,selectorN:取多个选择器的并集(组合选择器)(6)selector1selector2selector3:取多个选择器的交集(相交选择器)...原创 2020-02-28 13:36:58 · 179 阅读 · 0 评论 -
jQuery 对象及伪数组
1.概念jQuery对象 是一个包含所有匹配的任意多个元素的伪数组对象也就是说,jQuery对象是一个伪数组下面来介绍一下他的属性(行为)2.基本行为(1)size()/length:包含的DOM元素的个数(2)[index]/get(index):得到对应位置的DOM元素(3)each():遍历包含的所有DOM元素(4)index():得到在所有兄弟元素中的下标3.伪数组(类型...原创 2020-02-28 12:11:20 · 761 阅读 · 0 评论 -
$(function() {})是干什么的及作用
$(function() {})上面代码是绑定文档加载完成的监听,通俗的说,$()内的回调函数会在文档加载完之后立即执行。那什么叫做文档加载完,就比如一整页的html代码,都是按照从上到下的顺序扫描,当扫描完所有内容的时候,就会执行 $(function() {})里面的内容那我们为什么每次写代码的时候都要加上这个开头呢?因为当代码需要获取页面中的元素时,如果script标签在所获取...原创 2020-02-27 15:50:58 · 2590 阅读 · 0 评论 -
jQuery核心函数的使用总结
1.作为一般函数的调用:$(param)(1)参数为函数:当dom加载完之后,执行此回调函数(2)参数选择器字符串:查询所有匹配的字符串,并将它们封装成为jQuery对象(3)参数为Dom对象:将dom对象封装成jQuery对象(4)参数为html标签字符串(用的比较少):创建标签对象并封装成jQuery对象2.作为对象的使用:$.xxx()(1)$.each():隐式的遍历数组(2...原创 2020-02-27 15:33:51 · 158 阅读 · 0 评论 -
instanceof 是什么意思
instanceof是Java、php的一个二元操作符(运算符),和==,>,<是同一类东西。由于它是由字母组成的,所以也是Java的保留关键字。它的作用是判断其左边对象是否为其右边类的实例,返回boolean类型的数据。可以用来判断继承中的子类的实例是否为父类的实现。相当于c#中的is操作符。java中的instanceof是通过返回一个布尔值来指出,这个对象是否是这个特定类或者是它...原创 2020-02-27 12:52:40 · 2467 阅读 · 0 评论 -
jQuery的核心函数
jQuery的核心函数有两个==$和jQuery==我们拿两个例子来说一下这两种代码都可以执行通过原创 2020-02-27 12:45:42 · 178 阅读 · 0 评论 -
导入jQuery库时应该注意的问题
我们会发现在官网里面下载JQuery文件的时候,有一个.js结尾的(未压缩版)有一个.min.js结尾的(压缩版),那在我们实际开发中到底应该引入哪一个包呢?其实,当我们在测试阶段的时候最好引入的是.js结尾的文件,因为一些打印或者输入输出问题找出来会更方便一些。其次,当我们的产品上线的时候,就应该导入.min.js结尾的js文件,因为压缩版的文件较小,用户访问的时候相对来说就会快一些...原创 2020-02-27 12:04:52 · 279 阅读 · 0 评论 -
在html中引入jQuery包的方法
建议直接使用在线前端库,有免费的CDN加速,加载jQuery会更快原创 2019-12-12 18:15:18 · 4434 阅读 · 0 评论