DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://www.<em>jq</em>22
class="value">"UTF-8"> <title>jq {padding:10
前言 我们在一些陈旧或者传统mvc的项目中还是会经常使用jq,但是由于对jq api或者核心思想不熟悉,导致我们的某些写法并不是特别好,这里会摘录一些一些并给出大家更好的写法建议。 的链式操作 理解链式操作的原理 首先我们知道jq对原生对象是有一次封装的,两者支持的方法以及属性调用是完全不同的,一个属于原生语法,一个属于jq-api。 //从jq对象转为原生对象 var oriDom=$("sel")[0] var oriDom=$("sel").get(0) //从原生对象转为jq对象 var oriDom=document.getElmentById ("sel") var $dom=$(oriDom) 那么重点来了,jq是如何支持链式操作的呢? 原理也很简单,在任何一个jq方法结束其操作之后都会重新返回其jq对象。我们找到源码部分:jq的show(),hide()方法,可以看到其最后会把原生对象重新返回。
目录 类库和框架的区别 写法 jq操作样式 属性 事件 class dom操作 效果 类库和框架的区别 jq jq是一个功能丰富,轻量级的类库 zepto.js zepto.js 是更轻量级的类库 ,比jq的打开速度快的多,同样兼容jq的代码 apicloud apicloud是一个框架 类库 提供了很多api,相当于一个仓库,里面有各种各样的工具,你需要用到什么就去找这些工具。 框架 相当于买了一个新房子,现在是一个空壳,需要去装修 写法 $(selector).action(); selector: 选择器名称 action: jq对象的一个方法 jq操作样式
width: 330px; height: 30px; margin: 100px auto 0; padding-left: 10px /libg.jpg); } .wrap > ul > li { float: left; margin-right: 10px margin: 100px auto 0; width: 630px; height: 394px; padding: 10px 0 0 10px; background: #000; overflow: hidden; border: 1px solid #fff; } .wrap li { float: left; margin: 0 10px 10px 0;
JQ是jQuery的简称,起码我是这样称呼它;至于jQuery有什么作用,估计上了一定码龄的都知道,但新手可能还是不知道,好吧简单地说它是一个快速、简洁的JavaScript框架,是继Prototype 在天还是蓝的,水还是清的,空气还是甜的互联网天空,JQ是神一样的存在。所以很多项目都直接引用它。 好吧说了这么就为带出JQ的$.post() Ajax异步提交功能,这个都讲是异步了;但有同学想将它当同步处理,那好吧,那可以在后面加入.done({执行后结果})。。 注意这个是全局的,全局意思就全部都会同步执行,所以用这个后一定要设置会true,这样避免Jq的线程堵塞。。
jq 允许您从 JSON 数据中选择、筛选、转换和重构数据,以便更轻松地提取所需的信息或将数据转换为其他格式。以下是 jq 的一些基本用法和功能:1. 过滤器是用于筛选、操作和转换数据的 jq 表达式。例如:echo '[1, 2, 3, 4, 5]' | jq '.[] | select(. > 2)'这将输出:3453. 例如:echo '[1, 2, 3]' | jq 'map(. * 2)'这将输出:[2, 4, 6]4. 迭代jq 具有强大的迭代功能,可以处理 JSON 数组中的多个元素。 脚本模式除了命令行模式,jq 也支持脚本模式,允许您编写复杂的 jq 脚本来处理 JSON 数据。9. JSON 格式化jq 可以帮助您格式化 JSON 数据,使其更容易阅读和理解。10. 使用 jq 将 JSON 数据导出为 CSV 格式通常需要一些自定义处理,因为 jq 本身不提供直接将 JSON 转换为 CSV 的功能。需要将 JSON 数据逐行处理,并将其格式化为 CSV。
乐观使你倾向于幸福健康事业顺利,悲观使你倾向于绝望患病失败忧郁孤独懦怯——民谚 代码如下 $(window).resize(() => { var height = $(window).height(); var width = $(window).width(); console.log(height+" "+width) }); 然后当我窗口大小发生变化时就会触发
layer开发文档学习网站:http://www.layui.com/doc/modules/layer.html (原文写于2017.8.14)
前者是jQuery库的源代码版本,它带有注释信息,建议你在开发环境中使用该文件,以便于调试或阅读源代码。
alert("1111") 7 }) 8 $(document).keypress(function(e){ 9 alert(e.which) 10 block') } //滚动条的距离scrollTop()和scrollLeft() }) 2 事件对象 JQ
list-style: none; } .box ul li img{ width: 80px; height: 80px; float: left; margin-left: 10px ; margin-top: 10px; } .box ul li:first-child img{ border: 3px solid #f00; } html代码:
height: 30px; display: block; text-align: center; float: left; color: #00f; margin-top: 10px
之前一直使用attr("style","display:none;")来隐藏div
$(".one+div") <==> $(".one").next("div");
安装epel-release源 yum install epel-release yum -y install jq 使用 curl https://openapi.esign.cn |jq .
zeroclipboard 二维码插件 jquery.qrcode.js https://github.com/jeromeetienne/jquery-qrcode 拖拽 Draggabilly http://www.jq22 ustbhuangyi/lyric-parser holder.js - 图片占位符插件 https://github.com/imsky/holder jQuery放大镜插件jqzoom.js http://www.jq22
if ($("input[name='storage']").prop('checked')) {
"img/5.jpg" />
最近开学了,也在写新的项目,很多实例都用到了滚动条的距离,判断距离显示指定的内容(主要用于顶部导航的固定)