jQuery
「已注销」
这个作者很懒,什么都没留下…
展开
-
jQuery自定义事件
自定义事件自定义事件, 必须满足以下两个条件事件必须是通过on绑定的事件必须通过trigger来触发$(".son").on("myClick", function () { alert("son");});$(".son").triggerHandler("myClick");原创 2021-01-20 01:17:29 · 316 阅读 · 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 · 191 阅读 · 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 · 230 阅读 · 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 · 294 阅读 · 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 · 83 阅读 · 0 评论 -
jQuery的scrollTop方法
scrollTop获取滚动的偏移位获取网页滚动的偏移位注意点: 为了保证浏览器的兼容, 获取网页滚动的偏移位需要按照如下写法$("body").scrollTop()+$("html").scrollTop();设置网页滚动偏移位为了保证浏览器的兼容, 设置网页滚动偏移位的时候必须按照如下写法 $("html,body").scrollTop(300);...原创 2021-01-20 00:53:28 · 221 阅读 · 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 · 135 阅读 · 0 评论 -
jQuery文本值相关的方法
html()和原生JS中的innerHTML一模一样text([)和原生JS中的innerText一模一样val()获取value值原创 2019-10-23 10:01:57 · 91 阅读 · 0 评论 -
jQuery操作类相关的方法
addClass()作用: 添加一个类如果要添加多个, 多个类名之间用空格隔开即可removeClass()作用: 删除一个类如果想删除多个, 多个类名之间用空格隔开即可toggleClass()作用: 切换类有就删除, 没有就添加...原创 2019-10-22 23:07:45 · 177 阅读 · 0 评论 -
jQuery的prop方法
prop方法特点和attr方法一致prop方法不仅能够操作属性, 他还能操作属性节点官方推荐在操作属性节点时,具有 true 和 false 两个属性的属性节点,如 checked, selected 或者 disabled 使用prop(),其他的使用 attr()removeProp方法特点和removeAttr方法一致...原创 2019-10-22 23:00:27 · 567 阅读 · 0 评论 -
jQuery的attr方法
attr()作用: 获取或者设置属性节点的值可以传递一个参数, 也可以传递两个参数如果传递一个参数, 代表获取属性节点的值如果传递两个参数, 代表设置属性节点的值注意:如果是获取:无论找到多少个元素, 都只会返回第一个元素指定的属性节点的值如果是设置:找到多少个元素就会设置多少个元素如果是设置: 如果设置的属性节点不存在, 那么系统会自动新增removeAttr()会删除...原创 2019-10-22 22:57:11 · 144 阅读 · 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 · 168 阅读 · 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 · 143 阅读 · 1 评论 -
jQuery - 筛选
过滤方法作用eq(N)获取第N个元素first()获取匹配到的第一个元素last()获取匹配到的最后一个元素hasClass(class)检查当前的元素是否含有某个特定的类,如果有,则返回truenot()删除与指定表达式匹配的元素查找方法作用children()取得一个包含匹配的元素集合中每一个元素的所有子元...原创 2019-10-22 11:23:32 · 123 阅读 · 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 · 85 阅读 · 0 评论 -
jQuery- 释放$的使用权
释放$的使用权释放操作必须在编写其它jQuery代码之前编写释放之后就不能再使用$,改为使用jQueryjQuery.noConflict();自定义一个访问符号var xx = jQuery.noConflict();xx(function () { alert("hello");});...原创 2019-10-22 10:54:50 · 431 阅读 · 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 · 163 阅读 · 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 · 191 阅读 · 0 评论