jQuery
GGCoder
每天坚持进步一点点~
展开
-
jQuery动态加载瀑布流
jquery实现瀑布流案例分析首先,它的每个图片是等宽的其次,除第一排正常显示其余的图片都会显示在上一排中高度最小的那个图片的下面最后,就是根据最矮图片所在位置的宽高来,决定绝对定位设置图片显示的位置效果图实现步骤html结构<div class="container"> <div class="box"> <div class="content"><img src="./image/1.jpg" a原创 2020-08-30 15:20:21 · 14508 阅读 · 3 评论 -
[js]--input上传图片并浏览
学习目标图片的上传并浏览图片传入到后端,后端存储,并返回可以直接访问的图片链接需要掌握的技能JavaScriptnodejs效果展示生成步骤前端上传图片后,图片浏览用change事件监听,是否上传文件获取上传的文件给这个文件建立一个url为预设好的图片设置的src属性 //图片上传时图片浏览 $('.file').change(function () { // 获取上传的文件原创 2020-08-07 14:50:50 · 14923 阅读 · 1 评论 -
QQ音乐播放器-jQuery实现
QQ音乐播放器案例展示案例实现的功能静态页面的布局歌曲信息的动态显示鼠标悬停,功能按钮和文字高亮歌曲信息的动态显示歌曲播放进度条显示和动态移动纯净模式的模板设置和歌词写入案例布局歌曲动态加载其实就是向中-左的ul中动态添加li来实现动态数据显示要想动态加载数据就要现有数据:通过$.ajax({})来动态加载数据(注意:加载本地文件有跨域问题,建议打开本地服务器)循环期中的数据,动态的创建li添加到ul中通过$.each()循环出数据传入到,动态创建函数原创 2020-06-26 10:57:45 · 14090 阅读 · 0 评论 -
jQuery中事件冒泡,默认行为,事件命名空间
事件绑定事件在jQuery中绑定事件有两种方式,一种是直接“点事件名”的方式,另一种是通过on函数“点事件名”方式绑定: $("button").click(function () { console.log("hello 1"); });“on函数绑定” $("button").on("click", function () { console.log("hello 2"); });既然有两种绑定方式,自然存在差异对于差异性从两个方面分原创 2020-06-18 14:26:45 · 13344 阅读 · 0 评论 -
jQuery操作css属性等操作
操作css属性jQuery操作css属性主要依靠:css方法设置css方法:逐个设置:在css方法中传入属性,值两者用逗号隔开设置完一个属性,同样的方法重新设置另一个属性链式设置在css方法中传入属性,值两者用逗号隔开设置完一个属性,在后面 .css(属性,值) 设置另一个,可以一直链下去批量设置在css方法中传入一个对象对象上写要设置的属性和值和设置css属性的写法一样获取css方法:在方法中传入要获取属性即可// 1原创 2020-06-17 17:05:11 · 13244 阅读 · 1 评论 -
jQuery操作属性、属性文本和属性节点
操作属性节点属性节点就是在标签上的各种属性,例如class,name,id等;操作属性节点主要用到jQuery中:attr函数,removeAttr函数attr函数是用来查询和设置属性节点的函数查询属性:在attr函数中只写一个属性名就代表查询属性注意:无论找到多少个元素,都只会返回第一个元素指定的属性节点的值设置属性:在attr函数中写属性名和属性值两个属性表示设置注意:找到多少个元素就会设置多少个元素removeAttr函数是用来删除属性节点的函数:会删除所原创 2020-06-17 16:44:27 · 13463 阅读 · 0 评论 -
jQuery常用静态方法
jQuery的静态方法each():遍历数组和伪数组返回值:遍历那个数组就返回那个数组和原生js的forEach的区别:js中的forEach只能遍历数组不能遍历伪数组,参数的位置不同var arr = [1, 3, 5, 6, 7]//伪数组var obj = { 0: 1, 1: 2, 2: 3, length: 3 }//jQuery each$.each(arr, function (index, value) { //注意:原生js的forEach的回调的参数为原创 2020-06-17 16:40:21 · 13333 阅读 · 1 评论 -
初始jQuery
jQueryjQuery是一个JavaScript的库,封装JavaScript操作让JavaScript操作更简单版本问题jQuery–1x兼容IE6,7,8 2x,3x不兼容IE6,7,81x版本兼容好,但文件较大2x,3x文件小,但兼容差使用jQuery下载jQueryhttps://jquery.com/download/在html文件中引入(和引入js文件的格式相同)在script标签中写jQuery代码入口函数的区别入口函数:一共有四种写法,原创 2020-06-17 16:35:54 · 14186 阅读 · 0 评论