![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
「已注销」
这个作者很懒,什么都没留下…
展开
-
jQuery自定义事件
自定义事件 自定义事件, 必须满足以下两个条件 事件必须是通过on绑定的 事件必须通过trigger来触发 $(".son").on("myClick", function () { alert("son"); }); $(".son").triggerHandler("myClick");原创 2021-01-20 01:17:29 · 285 阅读 · 1 评论 -
jQuery事件自动触发
事件 trigger: 如果利用trigger自动触发事件,会触发事件冒泡 triggerHandler: 如果利用triggerHandler自动触发事件, 不会触发事件冒泡 $(".son").click(function (event) { alert("son"); }); $(".father").click(function () { alert("father"); }); $(".son").trigger("click"); // 触发事件冒泡 $(".son").原创 2021-01-20 01:15:35 · 166 阅读 · 0 评论 -
jQuery阻止事件冒泡和默认行为
阻止事件冒泡 return false; event.stopPropagation(); 两种方式都可阻止事件冒泡 $(".son").click(function (event) { alert("son"); // return false; event.stopPropagation(); }); $(".father").click(function () { alert("father"); }); 阻止默认行为 return false; event.原创 2021-01-20 01:10:10 · 200 阅读 · 0 评论 -
jQuery事件移除
off() off方法如果不传递参数, 会移除所有的事件 $("div").mouseleave(function () { alert("mouseleave"); }); $("div").mouseenter(function () { alert("mouseenter"); // 移除div身上的所有事件 $("div").off(); off方法如果传递一个参数, 会移除所有指定类型的事件 $("div").mouseleave(function () { a原创 2021-01-20 01:06:03 · 269 阅读 · 0 评论 -
jQuery事件绑定
jQuery中有两种绑定事件方式 eventName(fn); 编码效率略高/ 部分事件jQuery没有实现,所以不能添加 可以添加多个相同或者不同类型的事件,不会覆盖 $("div").click(function () { alert("hello"); }); on(eventName, fn); 编码效率略低/ 所有js事件都可以添加 可以添加多个相同或者不同类型的事件,不会覆盖 $("div").on("click", function () { alert(原创 2021-01-20 00:58:01 · 74 阅读 · 0 评论 -
jQuery的scrollTop方法
scrollTop 获取滚动的偏移位 获取网页滚动的偏移位 注意点: 为了保证浏览器的兼容, 获取网页滚动的偏移位需要按照如下写法 $("body").scrollTop()+$("html").scrollTop(); 设置网页滚动偏移位 为了保证浏览器的兼容, 设置网页滚动偏移位的时候必须按照如下写法 $("html,body").scrollTop(300); ...原创 2021-01-20 00:53:28 · 190 阅读 · 0 评论 -
jQuery操作CSS样式的方法
逐个设置 $("div").css("width", "100px"); $("div").css("height", "100px"); $("div").css("background", "red"); 链式设置 $("div").css("width", "100px").css("height", "100px").css("background", "blue"); 批量设置 $(...原创 2019-10-23 22:48:58 · 107 阅读 · 0 评论 -
jQuery文本值相关的方法
html() 和原生JS中的innerHTML一模一样 text([) 和原生JS中的innerText一模一样 val() 获取value值原创 2019-10-23 10:01:57 · 81 阅读 · 0 评论 -
jQuery操作类相关的方法
addClass() 作用: 添加一个类 如果要添加多个, 多个类名之间用空格隔开即可 removeClass() 作用: 删除一个类 如果想删除多个, 多个类名之间用空格隔开即可 toggleClass() 作用: 切换类 有就删除, 没有就添加 ...原创 2019-10-22 23:07:45 · 153 阅读 · 0 评论 -
jQuery的prop方法
prop方法 特点和attr方法一致 prop方法不仅能够操作属性, 他还能操作属性节点 官方推荐在操作属性节点时,具有 true 和 false 两个属性的属性节点,如 checked, selected 或者 disabled 使用prop(),其他的使用 attr() removeProp方法 特点和removeAttr方法一致 ...原创 2019-10-22 23:00:27 · 544 阅读 · 0 评论 -
jQuery的attr方法
attr() 作用: 获取或者设置属性节点的值 可以传递一个参数, 也可以传递两个参数 如果传递一个参数, 代表获取属性节点的值 如果传递两个参数, 代表设置属性节点的值 注意: 如果是获取:无论找到多少个元素, 都只会返回第一个元素指定的属性节点的值 如果是设置:找到多少个元素就会设置多少个元素 如果是设置: 如果设置的属性节点不存在, 那么系统会自动新增 removeAttr() 会删除...原创 2019-10-22 22:57:11 · 134 阅读 · 0 评论 -
jQuery - 静态方法map方法
原生JS的map方法 第一个参数: 当前遍历到的元素 第二个参数: 当前遍历到的索引 第三个参数: 当前被遍历的数组 和原生的forEach一样,不能遍历的伪数组 arr.map(function (value, index, array) { console.log(index, value, array); }); obj.map(function (value, index, arr...原创 2019-10-22 11:40:12 · 154 阅读 · 0 评论 -
jQuery - 静态方法each方法
原生forEach() 第一个参数: 遍历到的元素 第二个参数: 当前遍历到的索引 原生的forEach方法只能遍历数组, 不能遍历伪数组 arr.forEach(function (value, index) { console.log(index, value); // 返回索引和值 }); obj.forEach(function (value, index) { cons...原创 2019-10-22 11:29:10 · 135 阅读 · 1 评论 -
jQuery - 筛选
过滤 方法 作用 eq(N) 获取第N个元素 first() 获取匹配到的第一个元素 last() 获取匹配到的最后一个元素 hasClass(class) 检查当前的元素是否含有某个特定的类,如果有,则返回true not() 删除与指定表达式匹配的元素 查找 方法 作用 children() 取得一个包含匹配的元素集合中每一个元素的所有子元...原创 2019-10-22 11:23:32 · 98 阅读 · 0 评论 -
jQuery核心函数
$();/jQuery原理();就代表调用jQuery的核心函数 $(function () { alert("hello lnj"); // 1.接收一个字符串 // 1.1接收一个字符串选择器 // 返回一个jQuery对象, 对象中保存了找到的DOM元素 var $box1 = $(".box1"); var $box2 = $("#box2"...原创 2019-10-22 10:58:42 · 78 阅读 · 0 评论 -
jQuery- 释放$的使用权
释放$的使用权 释放操作必须在编写其它jQuery代码之前编写 释放之后就不能再使用$,改为使用jQuery jQuery.noConflict(); 自定义一个访问符号 var xx = jQuery.noConflict(); xx(function () { alert("hello"); }); ...原创 2019-10-22 10:54:50 · 402 阅读 · 0 评论 -
jQuery - jQuery 和JS入口函数的区别
<img src="https://img.alicdn.com/tfs/TB1P_MofwmTBuNjy1XbXXaMrVXa-190-140.gif" alt=""> 原生JS和jQuery入口函数的加载模式不同 原生JS会等到DOM元素加载完毕,并且图片也加载完毕才会执行 jQuery会等到DOM元素加载完毕,但不会等到图片也加载完毕就会执行 window.onload =...原创 2019-10-22 10:43:36 · 150 阅读 · 0 评论 -
jQuery - 入口函数写法
第一种写法 $(document).ready(function () { // alert("hello lnj"); }); 第二种写法 jQuery(document).ready(function () { // alert("hello lnj"); }); 第三种写法(推荐) $(function () { // alert("hello lnj"); })...原创 2019-10-22 10:34:15 · 164 阅读 · 0 评论