jQuery
陈善强
前端技术分享,共同进步
展开
-
ajax 瀑布流
代码:var lock = true://函数节流//窗口卷动监听$(window).scroll(function(){ var scrollTop = $(window).scrollTop(); var windowHeight = $(window).height(); var documentHeight = $(document).height(); if(documen...原创 2020-03-10 18:41:27 · 123 阅读 · 0 评论 -
Jquery链式编程
// 链式编程是为了节省代码量,看起来更优雅。$(this).css('color', 'red').sibling().css('color', ''); $(this).css();// 返回的是调用者$(this).slibilng();// 返回我的兄弟姐们//jq的操作方法: css(),hide(),show(),事件等等,会将调用者返回//jq的筛选方法,会将筛选完的对象返...原创 2019-12-09 17:53:09 · 355 阅读 · 0 评论 -
JavaScript和Jquery中的排他思想
如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法: 所有元素全部清除样式(干掉其他人) 给当前元素设置样式 (留下我自己) 注意顺序不能颠倒,首先干掉其他人,再设置自己 JavaScript代码如下: <button>按钮1</button> <button>按钮2</b...原创 2019-11-28 17:19:00 · 459 阅读 · 1 评论 -
jQuery停止动画排队
动画或者效果一旦触发就会执行,如果多次触发,就造成多个动画或者效果排队执行。停止动画排队的方法为:stop() ;stop() 方法用于停止动画或效果。stop() 写到动画或者效果的前面, 相当于停止结束上一次的动画。总结: 每次使用动画之前,先调用 stop() ,在调用动画。$(function() { // 鼠标经过 // $(...原创 2019-12-09 17:11:14 · 302 阅读 · 0 评论 -
jQuery中的顶级对象$
$是 jQuery 的别称,在代码中可以使用 jQuery 代替,但一般为了方便,通常都直接使用 $ 。$ 是jQuery的顶级对象,相当于原生JavaScript中的 window。把元素利用$包装成jQuery对象,就可以调用jQuery 的方法。...原创 2019-12-09 17:06:09 · 188 阅读 · 0 评论 -
jQuery的入口函数
jQuery中常见的两种入口函数:// 第一种: 简单易用。 ***$(function () { ... // 此处是页面 DOM 加载完成的入口}) ; // 第二种: 繁琐,但是也可以实现 (ready:准备,dom准备好了)$(document).ready(function(){ ... // 此处是页面DOM加载完成的入口});总结:等...原创 2019-12-09 17:04:14 · 279 阅读 · 0 评论 -
jQuery 对象和 DOM 对象
使用 jQuery 方法和原生JS获取的元素是不一样的,总结如下 :用原生 JS 获取来的对象就是 DOM 对象jQuery 方法获取的元素就是 jQuery 对象。jQuery 对象本质是: 利用$对DOM 对象包装后产生的对象(jquery对象就是一个伪数组,存储的是一个一个的DOM对象 )***。注意:只有 jQuery 对象才能使用 jQuery 方法,DOM 对象则使用原...原创 2019-12-09 16:08:12 · 191 阅读 · 0 评论 -
jQuery 对象和 DOM 对象转换
DOM 对象与 jQuery 对象之间是可以相互转换的。因为原生js 比 jQuery 更大,原生的一些属性和方法 jQuery没有给我们封装.要想使用这些属性和方法需要把jQuery对象转换为DOM对象才能使用。代码:// 1.DOM对象转换成jQuery对象,方法只有一种var box = document.getElementById('box'); // 获取DOM对象v...原创 2019-12-09 11:53:57 · 170 阅读 · 0 评论 -
jQuery隐式迭代
jQuery方法获取的元素就是jQuery对象;jQuery对象本质是:利用$对DOM对象包装后产生的对象(jquery对象就是伪数组,存储的是一个一个的DOM对象)含义:遍历jQuery对象内部 DOM元素(伪数组形式存储)的过程就叫隐式迭代简单理解:给匹配的所有元素进行循环遍历,执行相应的方法,而不是我们再进行循环,简化我们的操作,方便我们的调用。实例:<bo...原创 2019-12-09 11:44:29 · 2259 阅读 · 0 评论