![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JQuery
fengxue_snow
这个作者很懒,什么都没留下…
展开
-
JQuery实现-展开折叠效果
JQ实现-展开折叠查看全部1.默认情况下,第五条之后的内容被隐藏;2.点击展开时,全部显示,并给品牌0、品牌5字体改为红色。默认显示为折叠状态:展开状态:代码:<style> /*common css begin*/ *{margin:0px;padding:0px;} body{font-family: 微软雅黑,Microsoft yahei,Ar...原创 2019-07-31 11:41:59 · 7114 阅读 · 0 评论 -
jquery实现复选框单选全选,input type="checkbox"复选框样式修改demo
1、效果图2、css样式/*common css begin*/ *{margin:0px;padding:0px;} body{font-family: 微软雅黑,Microsoft yahei,Arial,Verdana,Tahoma,sans-serif; font-size: 12px;} a { color: #666; text-decoration: none...原创 2019-08-12 16:01:24 · 427 阅读 · 0 评论 -
jquery实现树形二级导航菜单 iframe链接页面
1、效果图2、代码<style> /*common css begin*/ *{margin:0px;padding:0px;} a { color: #666; text-decoration: none; cursor: pointer; } a, input { outline: none; } ul li{list-style: none;} .f...原创 2019-08-05 10:54:54 · 912 阅读 · 0 评论 -
jQuery回调函数demo
回调函数:被作为实参传入另一函数,并在该外部函数内被调用,用以来完成某些任务的函数,称为回调函数。1、效果图2、代码<div> <input type="button" value="隐藏" id="hide"/> <div class="test" style="width:200px;padding:50px;background: #f0f0...原创 2019-07-31 14:19:54 · 162 阅读 · 0 评论 -
jquery实现可编辑型表单效果代码编写
1、效果图2、代码<style> /*common css begin*/ *{margin:0px;padding:0px;} body{font-family: 微软雅黑,Microsoft yahei,Arial,Verdana,Tahoma,sans-serif; font-size: 12px;} a { color: #666; text-d...原创 2019-07-31 14:16:44 · 584 阅读 · 0 评论 -
jquery判断是否勾选协议复选框
1、效果图2、代码方法一、jq对象转换成DOM对象,利用js的checked方法实现<style> .area{width:500px;height:460px;padding:10px;margin:10px;} .submit{background:#3FC9C1;border: none; border-radius: 3px;padding:5px 15p...原创 2019-07-31 14:14:29 · 1569 阅读 · 0 评论 -
jquery创建html标签并添加样式
1、效果图2、代码<script> $(function(){ var div1 = "<div></div>"; var p1 = "<p>列表1</p>"; var p2 = "<p>列表2</p>"; var a1 = "<a href='javascript...原创 2019-07-31 12:50:08 · 1502 阅读 · 0 评论 -
jquery实现tab切换,头部区域内容左右排列
1、效果图2、代码<style> /*common css begin*/ *{margin:0px;padding:0px;} body{font-family: 微软雅黑,Microsoft yahei,Arial,Verdana,Tahoma,sans-serif; font-size: 12px;} a { color: #666; text-de...原创 2019-07-31 12:48:48 · 349 阅读 · 0 评论 -
jquery实现手风琴菜单展开折叠效果
1、效果图 2、代码<style> /*common css begin*/ *{margin:0px;padding:0px;} body{font-family: 微软雅黑,Microsoft yahei,Arial,Verdana,Tahoma,sans-serif; font-size: 12px;} a { color: #666; text-...原创 2019-07-31 12:42:11 · 1406 阅读 · 0 评论 -
利用layer.js实现弹框判断功能
一、效果图二、功能实现这里用到了layer.js弹窗插件,网站参考 http://layer.layui.com/1、HTML结构如下:<table cellpadding="0" cellspacing="0"> <tr class="first-tit"> <td>序号</td> <td>审批结果&l...原创 2019-09-12 14:18:33 · 2048 阅读 · 0 评论