
jQuery
Cabu_husky
这个作者很懒,什么都没留下…
展开
-
使用jQuery
选择器元素选择器 $("p") //选取所有<p>元素 $("p.intro") //选取所有class="intro" 的 <p> 元素 $("p#demo") //选取所有 id="demo" 的 <p> 元素属性选择器 $("[href]") //选取所有带有 href 属性的元素 $("[href='#']") //选取所有带有 href 值等于 "#" 的元素 $("[href!='#']") //选取所有带有 href 值不等于 "#" 的原创 2020-05-10 21:15:47 · 438 阅读 · 0 评论 -
jQuery工厂函数$()
jQuery中最常用的工厂函数就是$(),它本质上就是一个DOM对象,但是它所使用的方法都封装在了jQuery上,所以我们不能通过$()使用JavaScript的方法,同样DOM对象也不能使用jQuery上的方法以jQuery的1.11.3版本举例,$作为一个方法出现的地方是在源码的最后: window.jQuery = window.$ = jQuery;其中的jQuery是前面定义的一个函数,在源码第70行中出现 jQuery = function( selector, context ) {原创 2020-05-12 21:22:20 · 1915 阅读 · 0 评论 -
jQuery选择器
基本选择器 $('#p') // id选择器 $('.p') // class选择器 $('p') // 元素选择器 * // 匹配所有元素 $('p,span') // 任意多个有效选择器 层级选择器 $('#div span') // 后代选择器 $('#div>span') // 子代选择器 $('#div+span') // 匹配所有紧贴div后的span元素 $('#div~span') // 匹配所有与div同级的span元素属性选择器 $('input[na原创 2020-05-17 23:19:06 · 170 阅读 · 0 评论 -
jQuery animate()
animate()通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。语法:$(selector).animate(styles,speed,easing,callback)四个参数:1.一组包含作为动画属性和终值的样式属性和及其值的集合2.动画时间 三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或毫秒数3.动画形式 jQuery提供两种,默认是缓冲swing,匀速是linear4.回调函数,在动画完成时执行的函数原创 2020-05-21 15:23:06 · 584 阅读 · 0 评论 -
jQuery中 $.extend() 和 $.fn.extend() 的区别
官方解释:jQuery.extend()Merge the contents of two or more objects together into the first object把两个或者更多的对象合并到第一个当中jQuery.fn.extend()Merge the contents of an object onto the jQuery prototype to provide new jQuery instance methods把对象挂载到jQuery的prototype属性,来原创 2020-05-24 16:48:33 · 217 阅读 · 0 评论 -
jQuery中each和map的区别
$.each()each() 方法规定为每个匹配元素规定运行的函数语法$(selector).each(function(index,element))遍历数组 var arr = ['a','b','c']; $.each(arr,function (index,value) { console.log(index + ',' + value); })结果遍历对象 var obj = { name: '小绵羊', sex: '女', age: '18' } $.原创 2020-05-30 00:28:03 · 308 阅读 · 0 评论 -
Fullpage.js全屏滚动插件
fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站,主要功能有:支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等下载Fullpage.js相关文件Fullpage.js引入文件css <link rel="stylesheet" type="text/css" href="/fullpage/jq原创 2020-05-31 20:12:40 · 262 阅读 · 0 评论