前端jqery
关注
分享
扫一扫
文章平均质量分 53
jqery
篆愁君的烦恼
不是无情，亦非薄幸，只是我们一生中会遇上很多人，真正能停留驻足的又有几个？生命是终将荒芜的渡口，连我们自己都是过客。
-----安意如«人生若只如初见»
展开
-
伸缩布局-css3-简单认知
这个比较简单，在父盒子style中加入：display: flex;即可.div{/*定义*/}之后运行页面将变成：这是默认主轴和相左对齐起的作用，后面会讲到这篇文章是对于学习视频的总结与练习，希望能给大家一点帮助。原创 2022-09-07 16:05:48 · 592 阅读 · 0 评论 -
使用Jquery实现简单的页码变化
通过jquery实现页码的加减，到达最小或最大后不再变化。代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script src="../js/jquery-1.12.4.js" type="text/javascript"&g原创 2022-04-12 20:38:18 · 1105 阅读 · 0 评论 -
利用Jquery實現複選框全選及呼應效果
<!doctype html><html><head> <meta charset="utf-8"> <title>複選框效果</title> <style type="text/css"> td { text-align: center; font-size: 24px; line-height: 36p.原创 2022-03-11 19:39:51 · 1326 阅读 · 0 评论 -
jQuery中attr与prop
attr与prop非常相似，均可访问元素的属性值和设置属性值，但prop多用于设置（访问）DOM属性，attr没有限制,HTML、DOM均可语法：获取属性值：元素.attr("属性") 或者 元素.prop("属性")设置属性值：元素.attr("属性","属性值") 或者 元素.prop("属性","属性值")设置获取属性时，需要注意的是，这里的属性必须能够直接在html标签内写出，类似（<img src"XXX" width="100px">），这里的width可以访问并设.原创 2022-05-14 13:53:08 · 937 阅读 · 0 评论 -
jQuery中show、hide与fadeIn、fadeOut与slideUp、slideDown与fadeToggle、fadeTo、Toggle
show(speed,easing,callback)hide(speed,easing,callback)show和hide主要通过控制css属性整体的高和宽来控制显示和消失（参数后面有具体介绍）举个例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head>原创 2022-05-14 16:31:32 · 944 阅读 · 0 评论 -
${“:hidden“}的选中元素
$（:hidden）：可以选中1、css属性display：none2、表单属性type="hidden"3、隐藏的父元素对于visibility：hidden（css可视属性）和opacity：0（css不透明度属性）无法选中这里对3、隐藏的父元素 可以简单的解释一下：在控制台上输出后大概就是这个，这些元素默认是display：none，无法修改，但可以被选中对于可选中和不可选中的元素，举个例子：<!DOCTYPE html><h..原创 2022-05-12 22:05:50 · 397 阅读 · 0 评论 -
methods中函数的this使用
一般在我们使用methods中函数时，会发现函数和回调函数中的this并不是同一个。这里我简单写一个计时器的回调函数console上显示： 可以发现回调函数的this有明显的不同如果想要在回调函数中使用回调函数的“this”，我推荐以下两种方法：1、使用另一个变量等于回调函数外的this一般使用变量名为that或者_this的变量等于this，然后在回调函数中就可以直接使用that（_this）来使用外部的this。 将fun1函数修改如下： 运行结果： 2、使用（）=>来让回调函数内外this原创 2022-06-07 11:33:25 · 653 阅读 · 0 评论 -
简单使用:eq和.eq
这里的$("img:eq("+index+")")即为选择元素而.eq不用考虑，和具体索引使用一样，另外备注一点：在Webstorm中使用，两个引号$("img:eq("+index+")")必须相同，不能一个是单引号，另一个是双引号。否者将直接把+index+当做字符串，识别不了。其他软件暂时不知道，最好都保持相同。这里举一个两个eq的轮播使用例子，感兴趣的话可以看看控制台显示： 参考：jquery中eq()遍历方法和:eq()选择器详细介绍-Python学习网jQuery :eq() 与原创 2022-06-09 16:45:40 · 2001 阅读 · 0 评论 -
jQuery的append、appendTo、prepend、prependTo
元素1.append(元素2)：把元素2添加到元素1内部最后元素2.appendTo(元素1)：把元素2添加到元素1内部最后元素1.prepend(元素2)：把元素2添加到元素1内部最前元素2.prependTo(元素1)：把元素2添加到元素1内部最前举例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<原创 2022-05-12 22:22:36 · 254 阅读 · 0 评论 -
JQuery中选中元素的升级用法（+、~、＞、 ）
这里拿div与span举例，选取兄弟元素：div+span:表示选中div下第一个span兄弟元素div~span:表示选中div下全部的span兄弟元素这里举一个例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style>原创 2022-05-12 21:11:10 · 302 阅读 · 0 评论 -
jQuery中warp与warpInner以及warpAll的简单应用
warp，warpInner相对于append，prepend内部追加而言，是将元素包裹起来（就是成为它的父元素包裹或是子元素包裹），也是比较常用的方法下面简单解释用法及应用元素1.warp（标签）：用标签包裹元素1元素2.warpInner（标签）：用标签包裹元素2内部元素3.warpAll(标签)：所有元素3均被一个标签包裹举个例子：<!DOCTYPE html><html lang="en"><head> <meta ch原创 2022-05-12 22:51:07 · 542 阅读 · 0 评论