
jquery
jquery日常工作总结
sunly_
工作历程:前端三件套(css+html+js)=> vue => uniapp => flutter
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
利用JQ实现不同方向的弹出框
.pop_nav{ position: absolute; top: 0; left:-5.5rem; position: absolute; } .guan{ width: 1rem; height: 1rem; position: absolute; left: -45%; top: 8%; z-index: 102; } $(function(){ $(".click_top").click...原创 2018-05-25 13:31:11 · 138 阅读 · 0 评论 -
JQ中的事件
事件绑定与解绑 bind/ ubbind 鼠标悬停事件 进入mouseover 离开 mouseout$("d1").mouseover(function(){ $("#d2").show(1000) });.mouseout(function(){ $("#d2").hide(1000) });隐藏/显示.hide()隐藏 ...原创 2018-04-10 10:32:18 · 142 阅读 · 0 评论 -
JQ中的遍历,创建,插入,删除
*遍历节点 parent() --- 获取指定节点的父节点 获取#bj的父元素的id属性 children() --- 获取指定节点的所有子节点 获取父元素#city下的所有子元素的个数 next() --- 获取指定节点的下一个兄弟节点 ...原创 2018-04-09 22:37:18 · 144 阅读 · 0 评论 -
JQ中DOM的操作
回顾原生DOM操作*获取节点 *创建节点*遍历节点 *替换节点*删除节点 *插入节点...原创 2018-04-08 22:51:31 · 139 阅读 · 0 评论 -
监听导航点击,滚动到相应位置
监听导航点击后滚动到指定位置。 监听页面滚动。原创 2021-11-08 09:15:37 · 453 阅读 · 0 评论 -
JQuery之ajax
<script src="js/jquery.js"></script> <script> // 触发点击事件 $('#submit').click(function(){ // 获取手机号 var mobile = $("#mobile").val(); if(mobile == ""){ ...原创 2020-01-09 15:41:38 · 149 阅读 · 0 评论 -
JQ操作cookie
下载与引入:jquery.cookie.js基于jquery; 先引入jquery, 再引入:jquery.cookie.js; 下载:http://plugins.jquery.com/cookie/ <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text...原创 2020-01-06 11:24:27 · 400 阅读 · 0 评论 -
JQ增删改查,dom操作
//添加类名active,遍历兄弟元素,删除兄弟元素中的active $(this).addClass('active').siblings().removeClass('active'); //获取父元素类名为name的元素下的子元素类名为price $(this).parents('.name').find('.price') //父元素box后追加html代码 $(this).par...原创 2020-01-06 11:22:57 · 976 阅读 · 0 评论 -
jquery tab切换高亮显示
$('.nav').on('click','li',function(event){ var index = $(this).index();//获取到点击的.nav下,item的索引 $(".nav .item").eq(index).addClass("active").siblings().removeClass("active");//点击项高亮显示 $(".wra...原创 2019-12-09 09:59:33 · 869 阅读 · 0 评论 -
jquery键盘回车事件
<input id="inputval" type="text" placeholder="请输入你想要搜索的内容,如:“会计事务所”"> <button class="search">搜索</button> // 1.0 搜索逻辑 function search_key() { if (key_val == '') { layer....原创 2019-12-09 09:54:53 · 1181 阅读 · 0 评论