翻看了以前留下的笔记，发现自己竟然做过这么多的页面交互效果，没有使用原生js，全是通过jquery实现的，于是把他们整理下来，附上表现效果图及源代码1 业务应用：授权商品组和删除商品组 本质：复选框及文字的左右移动 表现效果：点击确定时谈框提示哪些商品组已新授权或新删除，只是记录的并非商品组文字，而是商品组编码，各商品组
转载
2023-08-10 11:42:02
0阅读
1. 开关灯(jquery与dom对象转换案例)2. 下拉菜单(选择器案例)3. 突出展示(选择器案例)4. 手风琴(选择器案例)5. 淘宝服饰精品(选择器案例)6. tab栏切换(class操作案例)7. 下拉菜单(滑入与滑出案例)8. 360开机动画(自定义动画案例)9. 生成表格(动态创建元素案例)10. 城市选择(节点创建案例)11. 表格删除(清空和移除节点案例)12. 动态数据添加和
转载
2023-07-12 14:35:09
80阅读
1. JQuery初体验<!--1. 需要引入jQuery文件-->
<script src="jquery-1.12.4.js"></script>
<script>
//2. 入口函数的标准
$(document).ready(function(){
//注册事件，把on去掉，是一个方法
转载
2024-04-12 20:24:16
28阅读
文章目录1、动态添加和删除数据2、微博发布3、移动水果4、上下拉切换5、精品演示6、tab标签切换7、突出显示8、下拉菜单9、页面滚动10、王者手风琴总结 1、动态添加和删除数据案例演示： 实现步骤： val()获取值，tr添加设置内容，append内部添加，slideDown向下滑动，val()清空<!DOCTYPE html>
<html>
<head>
转载
2023-08-07 21:21:29
202阅读
案例教学法是一种以案例为基础的教学法(case-based teaching)，案例本质上是提出一种教育的两难情境，没有特定的解决之道，而教师于教学中扮演着设计者和激励者的角色，鼓励学生积极参与讨论，不像是传统的教学方法，教师是一位很有学问的人，扮演着传授知识者角色。 案例教学法起源于1920年代，由美国哈佛商学院(Harvard Business School)所倡导，当时是采取一种很独特
---恢复内容开始--- 【
jquery mobile小
案例】效果图如下：首先先创建一个页面主要使用data-role="page"这个指令，我们给它起个id="pageone"<div data-role="page" id="pageone" data-transition="slide" data-direction="reverse">
</div>把下面
转载
2023-07-28 11:00:54
88阅读
1、复杂数组去重 let arr = [ { name: 'atom',age: '15'}, { name: 'aili',age:'16'}, { name:'atom',age:'18'}, { name: 'aili', age: '16'} ] function removeRepeatA
原创
2021-12-28 15:14:44
117阅读
$(function(){ //alert(...
转载
2019-06-21 22:08:00
47阅读
2评论
http://www.16sucai.com/uploadfile/show2013/0402002/$(function(){ $('.passcard').hover(function(){ $(this).stop(false,false).animate({'margin-bottom':'-100px'},400) },
转载
2013-06-08 13:56:00
128阅读
2评论
废话就不多说了，开始。。。 1.jquery小案例的成完版分析·jQuery小案例分析·nav.js获得navigation 下 ul 下 li 加载hover（）事件，鼠标移入数函为以后对象的有所ul子元素，止停有所正在该元素上正在运行的画动，之后加载slideDown事件；鼠标移出数函内容为 获得以后对象的有所ul子元素，止
转载
2024-05-30 10:20:51
14阅读
$(function(){ //alert('a'); ///基本选择器 //id选择器 //$("#div1").css("background","red"); //class选择器 //$(".p1").css("color","red"); //标签选择器 //$("p").css("color","red"); //并集选择器 //$("p,li")....
原创
2019-06-21 22:08:25
164阅读
js调用HttpPrinter(web打印插件)对比了 康虎云报表 lodop 后 选择了 HttpPrinter (原因: 功能免费 只有源码收费) demo地址:http://www.HttpPrinter.com/ js代码如下,base64的部分已经精简:<!DOCTYPE html>
<html>
<head><scr
转载
2023-12-03 21:35:19
93阅读
综合案例 这是一个综合的案例，主要就是展示选择器的使用，案例中的选择器是相对比较复杂的，很多时候我们不需要写这么复杂的选择器，但是案例是为了展示整个选择器的知识点的运用 右边是一段文本，我们通过不同的选择器给指定的文字赋予颜色 分析一段复杂的选择器： $("#menu_con div.tag dd > p:first-child") 这段组合的选择器表达式用到了几个之前学到的选
转载
2023-10-27 05:02:57
100阅读
1.var a =3;
a=a-3||a+4;
//就等于以下代码
if(a===3){
a+4}
else{ a-3}2var a;
a=a||3 //判断a 是不是“”，null,flase,0,undefind,null,
//若是就给a赋值给b，若a 是这六个则把3赋值给b3.递归函数function sum(arr, n) {
if(n<=0){
return 0
转载
2023-07-22 17:34:05
104阅读
1.jQuery概述1.1JavaScript库JavaScript库：即library，是一个封装好的特定的的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show、，比如获取元素等。常见的JavaScript库jQueryPrototypeYUIDojoExt JS移动端的zepto1.2jQuery的概念
转载
2023-10-20 20:51:10
12阅读
1.1 JavaScript 库JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。简单理解： 就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如 jQuery，
转载
2023-09-20 13:07:07
131阅读
jQuery Mobile是jQuery 在手机上和平板设备上的版本，jQuery Mobile不仅包含jQuery核心库，而且提供了一个完整统一的jQuery移动UI框架，支持全球主流的移动平台；jQuery Mobile将“写得更少、做得更多”这一理念提升到了新的层次。下面这个实例演示了使用jQuery Mobile在Android手机上创建图文结合的导航按钮。此实例在Androi
转载
2024-04-09 19:48:15
20阅读
案例项目针对以前学过的知识点，实现一些
案例，有助于后边的学习~
案例一：电影排行榜首先来看下
案例效果：第一步：编写静态页面1、首先看下HTML框架代码：<div class="box">
<h1>电影排行榜</h1>
<ul>
<li><span>1</span>
转载
2023-07-13 14:30:44
246阅读
首先废话一句，jQuery选择器真心很强大！ 在项目中遇到这么一个问题easyui的问题 如图所示，当前页面显示的是“原始报文查询”的页面，当时左侧导航栏却选中的是“重发报文查询”。如何让右侧的菜单和左侧的导航实现联动即：左侧点击“原始报文查询”，那么右侧的“补发运抵报文”展开，并选中“原始报文查询”，“后台管理”关闭？ 实现方式如下： 1、右侧的“原始报
转载
2023-10-22 22:12:07
24阅读
一、条件语句1、if语句（单分支）<script>
var A=0
if(A) { //如果（）内的逻辑为真，则运行{}内代码；反之不运行
//多条语句
}
</script>2、if else语句（双分支）if(A){}eLse{}A判定为真就执行第一个大括号，假执行eLse后面的大括号js的执行引擎:如果执行体只有一个语句可以省略
转载
2023-09-01 08:25:46
49阅读
