jQuery
文章平均质量分 88
jQuery
_洋
一起学习吧
展开
-
jQuery插件
文章目录方法方法jQuery.fn.extend(object):扩展 jQuery 元素集来提供新的方法(通常用来制作插件)。jQuery 元素集,即jQuery对象:所以如果我们调用扩展的方法是通过jQuery对象调用,而不是jQuery直接调用。jQuery.extend(object):扩展jQuery本身。扩展jQuery,所以如果我们调用扩展的方法是通过jQuery直接调用。需求:1.给$添加4个工具方法:min(a, b) :返回较小的值max( c, d)原创 2022-05-05 09:33:26 · 551 阅读 · 0 评论 -
ready与onload的区别
文章目录两种方法介绍不同结论加载时间不同、监听次数不同两种方法介绍等待DOM载入完成之后在执行操作的方法有两种onload: window.onload =function(){ }ready: $(document).ready(function (){ })简写为: $(function (){ })不同eg:<!DOCT原创 2022-05-02 21:10:28 · 374 阅读 · 0 评论 -
jQuery多库共存
文章目录问题产生多库共存方法问题产生jQuery中我们使用 $ 表示全局函数,但是可能有另一个库也使用 $ 表示全局变量,这就产生了冲突。多库共存解决: 这就是为什么jQuery为什么设置两个全局变量名了(一个jQuery、一个$)。如果遇到冲突,jQuery库可以释放$的使用权,让另一个库可以正常使用,而jQuery库使用jQuery表示全局变量。eg:自己写的JS(function (){ window.$ = function () { console.log('原创 2022-05-02 20:32:54 · 553 阅读 · 0 评论 -
jQuery核心对象——动画
文章目录基本动画效果滑动效果淡入淡出自定义动画设置基本动画效果show([speed,[easing],[fn]]):显示隐藏的匹配元素。hide([speed,[easing],[fn]]):隐藏显示的元素toggle([speed],[easing],[fn]):如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。显示隐藏,默认没有动画,如果设置时间就会有动画,动画通opacity/height/width的改变实现。<!DOCTYPE html><htm原创 2022-05-02 20:14:13 · 713 阅读 · 0 评论 -
jQuery实现轮播图
需求点击向右(左)的图标,平滑切换到下(上)一页无限循环切换:第一页的上一页为最后页,最后一页的下一页是第一页每隔3s自动滑动到下一页当鼠标进入图片区域时,自动切换停止,当鼠标离开后,又开始自动切换切换页面时,下面的圆点也同步更新点击圆点图标切换到对应的页效果:html:<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <style原创 2022-05-02 16:46:09 · 1883 阅读 · 0 评论 -
jQuery核心对象——事件
文章目录页面载入事件处理事件委派事件切换事件页面载入ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。$(document).ready(function(){ // 在这里写你的代码...});事件处理on(events,[selector],[data],fn):在选择元素上绑定一个或多个事件的事件处理函数。off(events,[selector],[fn]):在选择元素上移除一个或多个事件的事件处理函数。bind(type,[data],fn):为原创 2022-05-02 10:45:33 · 600 阅读 · 0 评论 -
jQuery核心对象——文档处理
文章目录内部插入外部插入包裹替换删除复制内部插入append(content|fn):向每个匹配的元素内部追加内容。appendTo(content):把所有匹配的元素追加到另一个指定的元素元素集合中。prepend(content):向每个匹配的元素内部前置内容。这是向所有匹配元素内部的开始处插入内容的最佳方式。prependTo(content):把所有匹配的元素前置到另一个、指定的元素元素集合中。外部插入after(content|fn):在每个匹配的元素之后插入内容。befo原创 2022-05-01 20:06:53 · 146 阅读 · 0 评论 -
jQuery核心对象——筛选
文章目录过滤查找串联练习:爱好选择器过滤:过滤的结果是原集合的子集查找:查找,查找的是子孙、后代、兄弟。过滤eq(index|-index) :获取第N个元素,(获取的元素仍然是jQuery对象)first():获取第一个元素last():获取最后个元素hasClass(class):检查当前的元素是否含有某个特定的类,如果有,则返回true。filter(expr|obj|ele|fn):筛选出与指定表达式匹配的元素集合。这个方法用于缩小匹配的范围。用逗号分隔多个表达式is(expr原创 2022-05-01 19:16:09 · 546 阅读 · 0 评论 -
jQuery核心对象——CSS的方法
文章目录CSS位置回到顶部尺寸CSScss(name|pro|[,val|fn]) :访问匹配元素的样式属性。eg:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css</title></head><body> <p style="color:teal">你好,四月<原创 2022-05-01 16:51:44 · 265 阅读 · 0 评论 -
jQuery核心对象——属性
文章目录属性列表:实际使用属性列表:attr(name|properties|key,value|fn) :设置或返回被选元素的属性值。removeAttr(name):从每一个匹配的元素中删除一个属性prop(name|properties|key,value|fn):获取在匹配的元素集中的第一个元素的属性值。removeProp(name):用来删除由.prop()方法设置的属性集addClass(class|fn):为每个匹配的元素添加指定的类名removeClass([class|f原创 2022-05-01 14:02:17 · 305 阅读 · 0 评论 -
多Tab点击切换效果实现
效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多Tab点击切换</title> <style> *{ margin:0; padding:0; } #tab li{ flo原创 2022-05-01 13:20:17 · 550 阅读 · 0 评论 -
使用jQuery核心函数——$工具方法
$.each():遍历数组或对象中的数据$ .trim():去除字符串两边的空格$. type(obj):得到数据的类型$ .isArray(obj):判断是否是数组$ .isFunction(obj):判断是否是函数$ .parseJSON(json) :解析json字符串转换为js对象/数组...原创 2022-05-01 08:13:07 · 162 阅读 · 0 评论 -
使用jQuery核心函数——选择器
文章目录选择器选择器定义规则:选择器分类基本选择器层次选择器过滤选择器表单选择器选择器选择器定义选择器本身只是一个有特定语法规则的字符串,没有实质用处。只有调用,并将选择器作为==参数==传入才能起作用‘,并将选择器作为==参数==传入才能起作用`,并将选择器作为==参数==传入才能起作用‘(selector)`$(selector)作用:根据选择器规则在整个文档中查找所有匹配的标签的数组,并封装成jQuery对象返回。(即查找到的所有Dom元素都在jQuery对象中)规则:它的基本语法规原创 2022-04-30 18:36:17 · 419 阅读 · 0 评论 -
jQuery的两把利器——jQuery函数、jQuery对象
文章目录简单介绍jQuery核心函数 :$()/jQuery()jQuery核心对象jQuery核心函数简单介绍jQuery核心函数 :$()/jQuery()简称:jQuery函数($/jQuery)jQuery库向外直接暴露的有且仅有$/jQuery(两个函数)两个函数还是指向同一个函数对象引入jQuery库后,直接使用$即可当函数用:$ (xxx)当对象用:$.xxx()jQuery核心对象简称: jQuery对象得到jQuery对象:执行jQuery函数($()/j原创 2022-04-30 08:02:10 · 561 阅读 · 0 评论 -
初始jQuery
jQuery的核心功能是查询文章目录jQueryjQuery功能jQuery的使用jQuery官方网址:https://jquery.com/jQuery是一个优秀的JS函数库,主要封装了Dom和Bom的相关操作。Write Less,Do More !(插件:基于一个语言封装的函数等,可以说jQuery是JS的一个插件)jQuery功能HTML元素选取(扩充了选择器,更方便地进行选取)HTML元素操作CSS 操作HTML事件处理JS动画效果链式合一(可以使用链调用方法)读写合原创 2022-04-29 15:53:32 · 609 阅读 · 0 评论