jQuery
一李
这个作者很懒,什么都没留下…
展开
-
事件
1.事件绑定(2种): *eventName(function(){}) 绑定对应事件名的监听,例如:$('#div').click(function(){}); *on(eventName,funcion(){}) 通用的绑定事件监听,例如:$('#div').on('click',function(){}) *优缺点: event...原创 2020-03-24 10:09:53 · 111 阅读 · 0 评论 -
attribute 与 property
attribute :html标签的预定义和自定义属性 Property :js原生对象的直接属性 布尔值属性:property值是布尔值属性 改变property不会同步attribute 在没有动过property时,attribute会同步 非布尔值属性:property值不是布尔值属性 attribute和property会实时同步 用户操作的是propert...原创 2020-02-29 22:12:38 · 171 阅读 · 0 评论 -
jQuery扩展插件
扩展插件: 1.扩展jQuery的工具方法 ---->作为对象使用 $.extend(object) 2.扩展jQuery对象的方法 -----> $.fn.extend(object) 插件库要在jQuery库后引入 (function(){ //扩展$核心函数的方法 $.extend({ min:function(a,b)...原创 2020-02-21 21:31:27 · 135 阅读 · 0 评论 -
元素的尺寸 与 动画效果
元素的尺寸m var $div = $('div') //内容尺寸 console.log($div.width(),$div.height())//100.150 //内部尺寸 console.log($div.innerWidth(),$div.innerHeight())//120 170 /...原创 2020-02-21 16:37:46 · 172 阅读 · 0 评论 -
事件的处理与事件的委托
1.事件绑定(2种): *eventName(function(){}) 绑定对应事件名的监听,例如:$('#div').click(function(){}); *on(eventName,funcion(){}) 通用的绑定事件监听,例如:$('#div').on('click',function(){}) *优缺点: event...原创 2020-02-21 16:34:02 · 191 阅读 · 0 评论 -
区别mouseover与mouseenter
区别mouseover与mouseenter? *mouseover:在移入子元素时也会触发,对应mouseout *mouseenter:只在移入当前元素时才触发,对应mouseleave hover()使用的就是mouseenter()和mouseleave() 区别on(...原创 2020-02-21 16:30:44 · 164 阅读 · 0 评论 -
jQuery中的多库共存
问题:如果有2个库都有$,就存在冲突 解决:jQuery库可以释放$的使用权,让另一个库可以正常使用,此时jQuery库只能使用jQuery了 API:jQuery.noConflict() <script type="text/javascript"> //释放$的使用权,让另一个库可以正常使用 jQuery.noConflict() /...原创 2020-02-21 16:29:40 · 156 阅读 · 0 评论 -
window onload 与 jQuery(document) ready() 区别
区别:window.onload与$(document).ready() *window.onload *包括页面的图片加载完后才会回调(晚) *只能有一个监听回调 *$(document).ready() *等同于:$(function(){}) *页面加载完就回调(早) *可以有多个监听回调 ...原创 2020-02-21 16:28:20 · 146 阅读 · 0 评论 -
jQuery增删改 mouseover and mouseenter区别
<!-- 1. 添加/替换元素 * append(content) 向当前匹配的所有元素内部的最后插入指定内容 * prepend(content) 向当前匹配的所有元素内部的最前面插入指定内容 * before(content) 将指定内容插入到当前所有匹配元素的前面 * after(content) 将指定内容插入到当前所有匹...原创 2020-02-16 09:44:08 · 190 阅读 · 0 评论 -
jQuery基本概念
是一个js函数库,封装简化dom操作(增删改查、ajax) 强大的选择器, 隐式遍历(隐式迭代):一次操作多个元素 读写合一:读数据和写数据用的是一个函数/方法 事件处理 链式调用 DOM操作(增删改) 样式操作 : .css("属性名",“值”) 引入jQuery库:本地引入和远程引入(测试版和生产版本(压缩)) 使用jQuery函数:$/jQuery 使用jQuer...原创 2020-02-06 17:14:11 · 183 阅读 · 0 评论 -
元素的位置和滚动效果
offset and position offset:相对于页面左上角的位置(可以有参数) position:相对于父元素左上角的位置 $('#btn1').click(function(){ //相对于页面左上角的位置 var offset = $('.div1').offset() console.log(offset.left,offs...原创 2020-02-06 17:13:20 · 158 阅读 · 0 评论 -
jQuery对象的过滤
过滤:在原有的里面找出一部分 查找:查找原有的兄弟父母子孙后代 过滤 //子标签中找 // $ul.children('span:eq(1)').css('background','red') //find后代标签中找 // $ul.find('span:eq(1)').css('background','red') ...原创 2020-02-06 17:12:15 · 255 阅读 · 0 评论 -
jQuery选择器
目录 选择器 基本选择器 层次选择器:查找子元素,后代元素,兄弟元素的选择器, 过滤选择器: 表单选择器 选择器 css的选择器的语法 根据选择器规则在整个文档中查找所有匹配的相应的元素,并封装为对象 基本选择器 <script type="text/javascript"> //选择id为div1的元素 $("#di...原创 2019-12-21 15:39:30 · 235 阅读 · 0 评论 -
jQuery核心函数-核心对象
jQuery 查 优秀的Js函数库 链式调用 读写合一 jQuery核心函数 jQuery核心对象 <script type="text/javascript" src="js/jquery-1.12.3.js"></script> <script> //绑定文档加载监听 $...原创 2019-12-21 15:38:28 · 210 阅读 · 0 评论