监听器 Listener监听器：注册监听：将事件、事件源、监听器绑定在一起。当事件源 上发生某个事件后，执行监听器代码。...转换方式js->jq（使用：$(js对象)）。jq->js（使用：jq对象[索引]或者jq对象.get(索引)，获取js对象）。...CRUD操作：append父元素将子元素添加到内部，并位于末尾（prepend方法添加到内部并位于开头）。appendTo，prependTo方法将子元素方法放到父元素内部等。...remove方法移除元素，empty清空所有元素的子元素。 其他方法见jquery手册如clone方法。 JQuery的动画 JQuery的动画，遍历方法，事件绑定。动画使用见图片。...获取对象：json对象.键名，json.对象["键名"]，使用for in 方式进行遍历，可以获取key，再利用对象和key获取值。
概述 * 是 javaScript 的框架 2. js与jq的互转 * js ---> jq $(js) * jq ---> js jq[索引]、jq.get(索引) # jq 可以看成是...") 元素选择器 ② 层级选择器 * $("A B ") 后代选择器 * $("A > B") 子选择器 ③...CRUD ① append():父元素将子元素追加到末尾 * 对象1.append(对象2): 将对象2添加到对象1元素内部，并且在末尾 ② prepend():父元素将子元素追加到开头...* 对象.empty():将对象的后代元素全部清空，但是保留当前对象以及其属性节点 6. 动画 1....默认显示和隐藏方式 ① show([speed],[easing],[fn]]) * speed：动画的速度。
因为本章的内容是使用jq工具配合完成，因此在开始部分会先花一定的篇幅介绍jq机器使用，如果读者已经熟悉jq，可以直接跳过这部分。...Mac：Mac还是一如既往的简单(香~)，装了Homebrew 的话一条命令brew install jq即可其他系统：jq 的官网很贴心，给出了各个系统的下载方式及其相关所需下载工具的链接，具体的就查看官网吧...其他常见用法：计算获取长度数组运算jq 对于数组可以有并集(’+’)和差集(’-’)的操作：并集('+')：有数组a,b; a+b就会得到一个包含所有a,b数组元素的新数组：差集('-')：有数组a,b...; a-b就会得到一个只包含a中元素，不包含b中元素的新数组：更多用法更多用法可参考官网：https://stedolan.github.io/jq/manual/#Basicfilters如下图中的科普推荐栏目中有...可以对指定的接口返回使用本地文件进行替换，如这里替换为上文中废话半天生成的数据文件MockTest.json：然后再次刷新页面，看看效果，页面的列表就如愿倍增了，也不用去数据库添加数据，保存一份json文件即测即用即可：以上，期待大家一起交流
删除元素 remove() - 删除被选元素（及其子元素） $("#div1").remove(); empty() - 从被选元素中删除子元素 获取并设置 CSS 类 addClass() - 向被选元素添加一个或多个类...以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。 向上遍历 DOM 树 parent() - 返回被选元素的直接父元素。...向下遍历 DOM 树 children()- 返回被选元素的所有直接子元素。 find()- 返回被选元素的后代元素，一路向下直到最后一个后代。...当然，您仍然可以通过全名替代简写的方式来使用 jQuery： var jq = $.noConflict(); jq(document).ready(function(){ jq("button")....click(function(){ jq("p").text("jQuery 仍在运行！")
开头 .类名 元素选择器: 标签的名称 通配符选择器: * 选择器,选择器: 选择器1,选择器2 层级选择器 子元素选择器: 选择器1 > 选择器2 后代选择器: 选择器1 儿孙 相邻兄弟选择器...和JS之间的转换 JQ对象,只能调用JQ的属性和方法 JS对象,只能调用JS的属性和方法 基础示例: WeiyiGeek. jQuery定时广告弹出和隐藏 定时器: setInterval clearInterval setTimeout clearTimeout 显示...1000) $("img").fadeOut(2000); $("img").Hide(1000) //$("img").slideUp(); } //3.显示和隐藏广告...: appendChild (JS) append : 添加子元素到末尾 appendTo : 给自己找一个爹,将自己添加到别人家里 prepend : 在子元素前面添加 after :
开头 .类名 元素选择器: 标签的名称 通配符选择器: * 选择器,选择器: 选择器1,选择器2 层级选择器 子元素选择器: 选择器1 > 选择器2 后代选择器: 选择器1 儿孙 相邻兄弟选择器: 选择器...和JS之间的转换 JQ对象,只能调用JQ的属性和方法 JS对象,只能调用JS的属性和方法 基础示例: JQ=>JS对象 【JQ和JS之间的转换】 - JQ对象...body> WeiyiGeek. jQuery定时广告弹出和隐藏 定时器: setInterval clearInterval setTimeout clearTimeout 显示...: appendChild (JS) append : 添加子元素到末尾 appendTo : 给自己找一个爹,将自己添加到别人家里 prepend : 在子元素前面添加 after : 在自己的后面添加一个兄弟
”) 匹配div里面所有的span(包括所有后代span) $(“div>span”) 匹配div里面所有的span子元素 $(“div+span”) 匹配div后面的span $(“div~span”...class 分组 div,#id,.class 任意元素 * 层级选择器 子孙后代 div span 子元素 div>span 弟弟 div+span 弟弟们 div~span 相关方法: 哥哥 .prev...() 哥哥们 .prevAll() 弟弟 .next() 弟弟们 .nextAll() 所有兄弟 .siblings() 父元素 .parent() 子元素们 .children() 过滤选择器 第一个...div:last 第n个 div:eq(n) 小于n个 div:lt(n) 大于n个 div:gt(n) 不包含 div:not(xxx) 偶数 div:even 基数 div:odd 内容选择器 包含子元素...div:hidden 相关方法: 显示.show() 隐藏 .hide() 显示隐藏切换 .toggle() ---- 练习: 1.定时器 <!
的string的子串 name：键名；start：起始索引；end：终止索引，默认为-1，表示截取到末尾 redis.substr('name', 1, 4) 返回键为name的值的字符串，截取索引为1...~4的字符 b'ello' getrange(key, start, end) 获取键的value值从start到end的子字符串 key：键名；start：起始索引；end：终止索引 redis.getrange...；values：值 redis.lpush('list', 0) 向键为list的列表头部添加0 4，列表大小 llen(name) 返回键为name的列表的长度 name：键名 redis.llen(...'list') 返回键为list的列表的长度 4 lrange(name, start, end) 返回键为name的列表中start至end之间的元素 name：键名；start：起始索引；end：终止索引...-D, --debug --nosafe 其中-u代表Redis连接字符串，-d代表数据库代号，默认是全部，-s代表导出之后的休眠时间，-n代表不检测UTF-8编码，-V表示显示版本
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件 jQuery 隐藏/显示 hide()和show()方法来隐藏和显示HTML元素 $("#...after()--在被选元素之后插入内容 before()--在被选元素之前插入内容 jQuery 删除元素 remove() 删除被选元素（及其子元素） 也可以接受一个参数，允许对被删除元素进行过滤...image.png empty() 从被选元素中删除子元素 ?...parents() 返回被选元素的所有祖先元素 所有祖先 parentsUntil() 返回介于两个给定元素之间的所有祖先元素 jQuery 后代 children() 返回被选元素的所有直接子元素...= $.noConflict(); jq(document).ready(function(){ jq("button").click(function(){ jq("p").text("
数字 - maxlength: 最大长度 数字 - rangelength: 长度范围 [minlength,maxlength] - equalTo:..."text/javascript"> $(document).ready(function() { //<input type="button" value=" 选择 id=two 所有<em>子</em><em>元素</em>...two").children().css("background-color","#ff0"); }); //点击下列按钮时先自动重置页面 <input type="button
2.2 jq 的下载安装 Mac：Mac还是一如既往的简单(香~)，装了Homebrew 的话一条命令brew install jq即可 其他系统：jq 的官网很贴心，给出了各个系统的下载方式及其相关所需下载工具的链接...", "json"]' | jq '. - ["xml"]' echo '{"a":5}' | jq ‘.a+=10' 获取长度 echo '[[1,2], "string...： 并集('+')：有数组a，b； a+b就会得到一个包含所有a,b数组元素的新数组： $ echo '{"a": [1,2,3] ,"b": [3,4,5]}' | jq '.a+....这里用到的是jq对数组的并集(‘+’)运算，两个数组相加，最终得到一个包含两个数组所有元素的新数组。...如这里替换为上文中废话半天生成的数据文件MockTest.json： 然后再次刷新页面，看看效果，页面的列表就如愿倍增了，也不用去数据库添加数据，保存一份json文件即测即用即可： 以上，期待大家一起交流
字典是一到多个一一对应的键值对儿元素组成的集合。 它同列表一样，也是复杂数据类型的一种。 其中，字典内的键名必须是字符串类型的，而键名所对应的值可以是任何类型的。...字典长度获取——len函数 我们可以用len()函数来得出一个列表或者字典的长度（元素个数） 括号里放列表或字典名称 print(len(dictName)) #4，因为又4对儿，键名分别是name、...age、hobby和married 列表的长度也是用len()函数获取 提取字典中的元素 通过字典的索引(键名)来获取对应的值 伪代码: 字典名[字典的键] 字典没有偏移量，所以中括号写的是键名 demo...得到列表['apple','pear']后，再继续追加一个偏移量[1]获取得到的列表['apple','pear']中第一个元素，打印出'pear' 拓展 - 多维嵌套字典中值的提取方法 因为是用键名，...95,'小红':90,'小刚':100} scores2 = {'小刚':100,'小明':95,'小红':90} print(scores1 == scores2) # True 只要两个字典中，键名及其分别对应的值都一一相等
jq对象.text() 获取 | jq对象.text("值") 设置 2.文档处理： 内部插入（作为子标签）： a.append(c) 将c插入到a的内部的后面； a.prepend(c) 将c插入到...a的内部的前面； 外部插入（作为兄弟标签）： a.after(c) 将c插入到a的后面 | a.before(c) 将c插入到a的前面 删除： empty():清空所有的子标签...| remove()：移除（自杀，连根） 属性：attr():设置或者获取元素的属性 单个属性：jq对象.attr() jq对象.removeAttr("属性名") 多个属性：jq对象...，没有就是添加 css样式： 设置css样式：jq对象.css("属性"，"值")； | jq对象.css({"属性"：“值”，“属性1”：“值1”}) 获取元素的宽和高：jq对象.width()...maxlength数字最大长度rangelength[minlength,maxlength]长度范围equalTo通过jQuery选择器选中指定元素对象和谁相等(重复密码)email"email"校验邮箱
数组/字符串切片：.[10:15] 该.[10:15]语法可用于返回数组的子数组或字符串的子字符串。返回的数组 .[10:15]长度为 5，包含从索引 10（包括）到索引 15（不包括）的元素。...数组的长度是元素的数量。 对象的长度是键值对的数量。 null的长度为零。...add 过滤器add将一个数组作为输入，并将数组的元素加在一起作为输出。这可能意味着求和、连接或合并，具体取决于输入数组元素的类型 - 规则与运算符的规则相同+（如上所述）。...如果 B 是 A 的子字符串，则字符串 B 包含在字符串 A 中。如果 B 中的所有元素都包含在 A 中的任何元素中，则数组 B 包含在数组 A 中。...第一个示例强调了在处理数组本身之前处理数组元素的有用性。第二个示例显示了如何考虑更改输入中所有对象的所有键。 $ENV,env $ENV是一个对象，表示 jq 程序启动时设置的环境变量。
selection.remove - 从当前文档对象中删除选定的元素。 jq的emptye empty() - 从被选元素中删除子元素，即达到清空被选元素的效果。...remove() - 删除被选元素（及其子元素）。
redis.setex('name', 1, 'James') 将name这个键的值设为James，有效期为1秒 True setrange(name, offset, value) 设置指定键的value值的子字符串...的string的子串 name：键名；start：起始索引；end：终止索引，默认为-1，表示截取到末尾 redis.substr('name', 1, 4) 返回键为name的值的字符串，截取索引为1...~4的字符 b'ello' getrange(key, start, end) 获取键的value值从start到end的子字符串 key：键名；start：起始索引；end：终止索引 redis.getrange...；values：值 redis.lpush('list', 0) 向键为list的列表头部添加0 4，列表大小 llen(name) 返回键为name的列表的长度 name：键名 redis.llen(...'list') 返回键为list的列表的长度 4 lrange(name, start, end) 返回键为name的列表中start至end之间的元素 name：键名；start：起始索引；end：终止索引
期待和大家一起学习进步。 DCL DCL-介绍 数据控制语言，用来管理数据库用户、控制数据库的访问权限。...[CONSTRAINT][外键名称]FOREIGN(外键字段名)REFERENCES 主表（主表列名） ); ALTER TABLE 表名ADD CONSTRAINT 外键名称 FOREING KEY...SET NULL SET DEFAULT ALTER TABLE 表名 ADD CONSTRAINT 外键名称 FOREING KEY (外键名称)REFERNCES 主表名（主表名段名）ON UPDATE...多表查询-内连接 隐式内连接 SELECT 字段列表 FROM 表1，表2 WHERE 条件...; 显示内连接 SELECT 字段列表 FROM 表1[INNER]JOIN表2 ON连接条件...;...union all 会将全部的数据直接合并在一起，union 会对合并之后的数据去重。 子查询 概念 SQL语句中嵌套SELECT语句，称为嵌套查询，又称子查询。
） b)内容过滤选择器 :contains(text)//选取含有文本内容为text的元素 :empty//选取不包含子元素或者文本的空元素 :has(selector)//选取含有选择器所有匹配的元素的元素...:parent//选取含有子元素或者文本的元素 c)可见性选择器 :hidden//选取所有不可见的元素 （包括、 <div style="display...，如$("div[id][class$='Bar']" e)子元素选择器 :nth-child(index/even/odd/equation)//选取第index个子元素或者奇偶元素 :first-child...//选取每个父元素的第一个元素（返回整个文档中每个元素的第一个子元素）， 如$("ul li:first-child");选择每个中第1个元素 :last-child//选取每个父元素的最后一个元素...:only-child//若某子元素是其父元素中惟一的子元素，将会被匹配 f）表单对象属性选择器 :enabled//选择所有可用元素，例$("#form1:enabled") :disabled
jq(){ alert($("div > p").html()); } 运行：当点击id为test的元素时，弹出对话框文字为two，即div标签下p元素的内容 function jq(...”，在网页中显示字符串“Hello” $(elem) 说明：限制jQuery作用于一个特定的dom元素，这个函数也接受xml文档和windows对象 参数： elem：通过jQuery对象压缩的...()) } 运行：当点击id为test的元素时，alert对话框显示：So is this，即第二个标签的内容 get(num) 说明：获取匹配元素，get(num)返回匹配元素中的某一个元素 参数...()">jQuery jQuery代码及功能： function jq(){ alert($("img").length); } 运行：当点击id为test的元素时，弹出alert对话框显示...()">jQueryafter empty() 删除匹配对象的所有子节点 ?
专栏介绍 【JQuery】 目前主要更新JQuery，一起学习一起进步。 本期介绍 本期主要介绍JQuery入门——模拟用户分组以及页面换肤 文章目录 1....页面加载时显示所有分组的列表项。 2. 点击某分组名称时，仅显示当前分组列表，并隐藏其他分组的列表项 1.2 案例相关知识： 代码准备： 2....扩展案例：图片放大 默认效果 效果图 提示： JQ 元素 .css(“ 属性名 ”,” 属性值 ”); 例如： jq 元素 .css(“width”,”50px”);...动画版： JQ 元素 .animate({ 属性名 :”+= 属性值 ”, 属性名 :”-= 属性值 ” },{ duration:”fast” }); 例如：...JQ 元素 .animate({ width:”+=150” },{ duration:”fast” });
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
