【jQuery】
jQuery
王同学要努力
24届毕业生 计科专业
无论身处何方,陷于何地,都要向下扎根,向上开花,不负生活,不负自己!
展开
-
【jQuery学习】—实现弹幕效果
【jQuery学习】—实现弹幕效果原创 2021-06-16 16:01:57 · 419 阅读 · 7 评论 -
【jQuery学习】—jQuery对象的访问
【jQuery学习】—jQuery对象的访问一、each方法作用:遍历jQuery对象中的元素格式:jQuery对象.each(function(index, ele){});注意:index表示元素的下标,ele表示DOM对象注意:在jQuery中如果是对jQuery对象中的元素进行样式的设置会有“隐式迭代”的现象隐式迭代时,元素的样式会被设置成相同的样式或者属性,如果要对元素采用不同的操作,就需要用each二、size方法作用:获取jQuery对象中包含的元素的个数格式:jQ原创 2021-06-16 00:07:39 · 1208 阅读 · 1 评论 -
【jQuery学习】—jQuery操作CSS和表格
【jQuery学习】—jQuery操作CSS和表格一、jQuery操作CSS二、jQuery操作表格原创 2021-06-15 18:17:15 · 296 阅读 · 6 评论 -
【jQuery学习】—jQuery操作元素位置
【jQuery学习】—jQuery操作元素位置一、position方法作用:返回相对某个元素的偏移量格式:元素.position()返回值包含top属性和left属性的对象如果祖先元素中没有定位,参考对象为document如果祖先元素中有定位,参考对象为离他最近的且具有定位的祖先元素三、scrollTop方法作用:获取或者设置匹配元素相对滚动条顶部的偏移(获取容器的scrollTop)获取格式:元素.scrollTop()设置格式:元素.scrollTo原创 2021-06-15 15:51:55 · 716 阅读 · 2 评论 -
【jQuery学习】—jQuery对象的串联
【jQuery学习】—jQuery对象的串联一、add方法作用:把表达式匹配的元素添加到jQuery中格式:jQuery对象.add(表达式);二、contents方法作用:查找匹配元素内部的所有的子节点(包括文本节点)格式:元素.contents();三、 end 方法作用:回到最近的一个破坏性操作之前...原创 2021-06-15 14:11:57 · 305 阅读 · 2 评论 -
【jQuery学习】—jQuery对象的过滤
jQuery学习(十三)—jQuery对象的过滤一、eq方法作用:获取对应下标的jQuery对象格式:jQuery对象集合.eq(下标)二、first方法作用:获取匹配元素集合中的第一个元素格式:jQuery对象集合.first()三、last方法作用:获取匹配元素集合中的最后一个元素格式:jQuery对象集合.last()四、is方法作用:判断当前匹配元素集合中的元素是否与指定的参数匹配,匹配的返回值为true,否则返回值为true格式:元素.is原创 2021-06-15 13:31:20 · 1157 阅读 · 2 评论 -
jQuery学习(十二)—jQuery中对象的查找方法总结
jQuery学习(十二)—jQuery中对象的查找方法总结一、find方法作用:在元素1中查找元素2,类似于选择器中的后代选择器格式:元素1.find(元素2),元素2为CSS选择器或者jQuery对象二、next方法作用:返回后面那个紧邻的同辈元素,查找元素1后面紧邻的元素2,类似于ele1+ele2格式:元素1.next(元素2),元素2为CSS选择器或者jQuery对象三、nextAll方法作用:返回后面所有的同辈元素,查找元素1后面所有的元素2格式:原创 2021-06-15 10:16:33 · 2247 阅读 · 2 评论 -
jQuery学习(十一)— 常用的删除方法
jQuery学习(十一)— 常用的删除方法一、empty方法作用:删除jQuery对象所有的子节点格式:jQuery对象.empty()二、remove方法作用:删除元素格式:元素.remove(参数)注意:如果没有参数则表示删除所有匹配的元素,如果有参数则删除对应的参数所在的元素, 如果元素身上有事件,事件会被删除格式:被删除的元素.remove(参数)三、detach方法作用:删除元素格式:元素.detach(参数)注意:如果没有参数则表示删除所有匹配的原创 2021-06-14 18:11:39 · 2000 阅读 · 15 评论 -
jQuery学习(十)—替换方法
jQuery学习(十)—替换方法一、 replaceAll方法作用:用jQuery对象替换掉所有的元素格式:元素1.replaceAll(元素2);注意:元素2可以是jQuery对象或者选择器二、replaceWith方法作用:用元素2替换掉所有的元素1格式:jQuery对象.repalceWith(元素2);注意:元素2可以是开始标签或者jQuery对象...原创 2021-06-14 17:15:04 · 4614 阅读 · 2 评论 -
jQuery学习(九)—常用的包裹方法
jQuery学习(九)—常用的包裹方法一、wrap方法二、wrapAll方法三、wrapInner方法四、unwrap方法原创 2021-06-14 16:59:12 · 824 阅读 · 4 评论 -
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法原创 2021-06-14 16:28:25 · 368 阅读 · 2 评论 -
jQuery学习(七)— append方法与appendTo方法
jQuery学习(七)— append方法与appendTo方法一、append方法二、appendTo方法原创 2021-06-14 15:09:28 · 393 阅读 · 5 评论 -
jQuery学习(六)—jQuery对象的创建
jQuery学习(六)—jQuery对象的创建原创 2021-06-14 14:49:54 · 430 阅读 · 1 评论 -
jQuery学习(五)—课堂实训题专栏
jQuery学习(五)— 课堂实训题专栏实训一实训二实训3累了累了,睡觉了 ZZZZZ 本期结束,我们下回见!原创 2021-06-14 00:44:14 · 989 阅读 · 6 评论 -
jQuery学习(四)— jQuery的ready事件和原生JS的load事件的区别
jQuery学习(四)— jQuery的ready事件和原生JS的load事件的区别jQuery的ready事件和原生JS的load事件的区别:页面中可以有多个ready事件,而load事件会出现覆盖现象ready事件的执行时间早于load事件,因为ready事件需要在页面的DOM树渲染完毕后马上触发,而load事件需要将页面中的所有元素加载完毕后触发,如需要等页面所有的图片都正常显示后再触发。...原创 2021-05-10 15:50:54 · 499 阅读 · 0 评论 -
jQuery学习(三)—jQuery使用步骤以及注意事项
jQuery学习(三)—jQuery使用步骤以及注意事项jQuery的使用步骤:第一步:利用script标签将jQuery文件引入到当前的HTML中第二步:在文档中插入一个新的script标签在该标签中书写jQuery代码注意事项编辑jQuery代码的script标签的位置可以是任意的,但是通常将它放在被操作元素的后面如果要将jQuery代码放在被操作元素的前面,此时需要编辑入口函数1)方式1:$(document).ready(function(){jQuery代码});原创 2021-05-10 15:14:36 · 647 阅读 · 0 评论 -
jQuery学习(二)—jQuery对象的获取
jQuery学习(二)—jQuery对象的获取原创 2021-04-22 10:29:48 · 211 阅读 · 1 评论 -
jQuery实现影院选座订座效果
jQuery实现影院选座订座效果效果如下:代码如下:<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width; initial-scale=1.0"> <title>jQuery影院选座订座效果代码</title> <meta n原创 2021-04-09 11:25:47 · 1388 阅读 · 6 评论