jQuery
关注
分享
扫一扫
文章平均质量分 50
个人在学习过程中对jQuery的一些总结
小白小白从不日白
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
内容更换案例
<script src="js/jquery-1.12.3.min.js"></script> <style> .box { width: 200px; height: 400px; border: 1px solid #ccc; float: left } .btns { ...原创 2021-05-05 16:15:29 · 96 阅读 · 0 评论 -
jQuery实现图标特效
<script src="js/jquery-1.8.3.js"></script> * { margin: 0; padding: 0; } ul { list-style: none; width: 300px; height: 100px; border:...原创 2021-11-10 16:51:50 · 431 阅读 · 0 评论 -
jQuery事件监听之--bind()小案例
<script src="js/jquery-1.12.3.min.js"></script> <style> div { width: 100px; height: 100px; border: 1px solid; margin-top: 10px; } </style> <div class="d..原创 2021-05-07 10:53:23 · 205 阅读 · 0 评论 -
jQuery实现各种轮播图
列举了Jquery实现的一些常见的轮播图原创 2021-11-10 17:19:03 · 14128 阅读 · 0 评论 -
jQuery实现折叠菜单
* { margin: 0; padding: 0; } .nav { list-style: none; width: 300px; margin: 100px auto; } .nav>li { border: 1px solid #000...原创 2021-11-09 19:22:21 · 945 阅读 · 0 评论 -
jQuery实现电影排行榜
* { margin: 0; padding: 0; } .box { width: 300px; height: 450px; margin: 50px auto; border: 1px solid #000; } .box>h1 { ...原创 2021-11-09 17:26:09 · 267 阅读 · 0 评论 -
ToDoList代办事项
关于这个案例在这里就不具体去阐明了，具体说明代码里都有<body> <!-- 1.文本框里面输入内容，按下回车，就可以自动生成代办事项 2.点击待办事项复选框，就可以把当前数据添加到已完成事项里 3.点击已完成事项复选框，就可以把当前数据添加到代办事项里 4.但是本页面的内容在刷新后或者浏览器关闭重启都不会丢失注意点： 1.数据存储的时候应该为字符串格式 JSON.stringify() 2.获取本地存储的数据，我们需要把字符串转换为 对象格式 J原创 2021-05-01 23:21:52 · 721 阅读 · 0 评论 -
新浪下拉菜单
<style> * { margin: 0; padding: 0; } li { list-style-type: none; } a { text-decoration: none; font-size: 14px; } .原创 2021-05-01 16:17:38 · 338 阅读 · 0 评论 -
jQuery实现弹窗广告
<script src="js/jquery-1.8.3.js"></script> * { margin: 0; padding: 0; } .ad { position: fixed; right: 0; bottom: 0; display: none; .原创 2021-11-10 15:52:46 · 648 阅读 · 0 评论 -
选项卡
由于这个案例比较简单，在这里就不去过多的叙述了，我们直接上代码：<script src="js/jquery-1.12.3.min.js"></script> <style> * { margin: 0; padding: 0; } .container { width: 300px; height原创 2021-05-05 13:43:08 · 248 阅读 · 0 评论 -
闪烁特效
<script src="js/jquery-1.12.3.min.js"></script> <style> * { margin: 0; padding: 0 } .container { width: 1200px; height: 300px; position: rel.原创 2021-05-05 14:38:12 · 263 阅读 · 0 评论 -
品牌案例
<script src="js/jquery-1.8.3.js"></script> <style> * { margin: 0; padding: 0 } a { text-decoration: none; } .container { width:.原创 2021-05-01 16:12:21 · 137 阅读 · 0 评论 -
手风琴
<script src="js/jquery-1.12.3.min.js"></script> <style> * { margin: 0; padding: 0 } .shoufengqin { width: 600px; margin: 80px auto; border: .原创 2021-05-03 00:19:42 · 110 阅读 · 0 评论 -
表格隔行/列变色
<script src="js/jquery-1.12.3.min.js"></script> <style> table { margin-top: 100px; } </style><table border="1" cellspacing="0" width="600" align="center"> <tr> .原创 2021-05-05 14:28:12 · 359 阅读 · 0 评论 -
jQuery（八）--css()、witdh() 、innerWidth()、outerWidth()...、offset()/position()、scrollTop()/scrollLeft()
公共部分： <script src="js/jquery-1.8.3.js"></script>a.css()<div></div> $(function() { //1.逐个设置 // $("div").css("width", "100px"); // $("div").css("height", "100px"); ...原创 2021-11-07 20:03:19 · 204 阅读 · 0 评论 -
jQuery（七）--属性操作：attr、removeAttr、prop、removeProp、addClass、removeClass、toggleClass、html、text、val
jQuery中的属性操作原创 2021-11-06 15:35:10 · 1706 阅读 · 0 评论 -
jQuery（六）-节点操作 :children()、 find()、appendTo、prepend、after、before、insertAfter、insertBefore、wrap...
三、节点的相关操作原创 2021-05-05 16:05:56 · 2673 阅读 · 1 评论 -
jQuery（五）--自定义动画、动画
主要介绍了 jQuery 中的动画原创 2021-05-02 20:29:55 · 3840 阅读 · 3 评论 -
jQuery（四）--jQuery静态方法和实例方法：each()、map()、trim()、isArray()、isFunction()、isWindow()、holdReady()
3.sildUp()和sildDown()方法原创 2021-05-02 11:08:40 · 379 阅读 · 3 评论 -
jQuery（三）--jQuery对象常用方法 ：css()、show()、hide()、sildUp()、sildDown()、fadeIn()、addClass()、removeClass()..
公共部分： <div class="div1"></div> <br/> <div class="div2"></div> <script src="js/jquery-1.12.3.min.js"></script> <style> .div1 { width: 100px; height: 100p原创 2021-05-01 15:45:46 · 1073 阅读 · 3 评论 -
jQuery（二）--事件、on/off、事件冒泡和默认行为、事件自动触发、click、dbclick、mouseenter...、bind、one...
jQuery事件监听1.事件jQuery对象采用打点调用方法，所以在jQuery中给元素添加监听的语法为：$("选择器").click(function () {});jQuery方法可以直接被jQuery对象使用，而jQuery对象在调用jQuery方法的时候是批处理！语法：jq对象.事件名(回调函数)公共部分： <div class="div1"></div> <div class="div2"></div> <原创 2021-05-01 15:02:13 · 1343 阅读 · 1 评论 -
jQuery（一）--概述、$()函数（选择器、伪类等）
一、概述1.本质：快速简洁的JavaScript框架是继Prototype之后的又一个优秀的JavaScript库（或JavaScript框架）jQuery有非常便利的选择元素的能力，用一个$()函数就能搜寻页面上的元素；$是jQuery的别称（另外的名字），在代码中可以使用jQuery代替$，但一般为了方便，通常都是直接用$$是jQuery的顶级对象，相当于原生JavaScript中的window，把元素利用$包装成jQuery对象，就可以调用jQuery的方法jQuery的操作...原创 2021-05-01 12:15:16 · 2559 阅读 · 1 评论