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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            关于ajax的详细介绍我就不多说了,对ajax完全不了解的可以先查看官方文档学习一些基础的。我想通过这个的实例,直接说一下在真实项目中是如何使用ajax、并且去实现对后台接口的请求和处理请求到的数据。相信很多前端小白和我之前一样,对ajax无从下手,把文档看了一遍又一遍之后似懂非懂的,到了真正的项目之中还是不知道该怎么去使用它。当你使用jQuery做项目开发的时候,就可以直接用jQuery库封装好            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-28 14:14:20
                            
                                64阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            废话就不多说了,开始。。。 1.jquery小案例的成完版分析·jQuery小案例分析·nav.js获得navigation 下 ul 下 li 加载hover()事件,鼠标移入数函为以后对象的有所ul子元素,止停有所正在该元素上正在运行的画动,之后加载slideDown事件;鼠标移出数函内容为 获得以后对象的有所ul子元素,止            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-30 10:20:51
                            
                                14阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            这几天由于项目的需要,要用到JQuery,之前只是了解一点点Jquery,但没写过东西。项目里面有一个小小的功能是这样的:点击列表页的链接进入详细页。(下面的内容对原项目已做了一定的简化和修改,在此只是做总结经验使用,请勿对号入座)详细页页面大概如下:详细页有一个下拉列表框,根据下拉列表选择的值不一样,到后台查询返回结果,并将结果表现上面那个表中。选中上表的内容,点击保存按钮,将其保存在下表中。同            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-26 23:06:15
                            
                                135阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            目录一、 复选框全选二、两个文本框的单移动和全移动三、动态输入四、固定导航栏 五、旋转木马轮播图 六、五角星评分案例一、 复选框全选<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-13 16:50:42
                            
                                8阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            目录使用JQuery完成页面定时弹出广告使用JQuery完成隔行换色,复选框的全选效果使用JQuery完成省市联动使用JQuery完成下拉列表左右选择 1 使用JQuery完成页面定时弹出广告    步骤分析        1.导入JQ的文件     &nb            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-13 23:58:49
                            
                                263阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            文章目录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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
               翻看了以前留下的笔记,发现自己竟然做过这么多的页面交互效果,没有使用原生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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ---恢复内容开始--- 【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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
              案例教学法是一种以案例为基础的教学法(case-based teaching),案例本质上是提出一种教育的两难情境,没有特定的解决之道,而教师于教学中扮演着设计者和激励者的角色,鼓励学生积极参与讨论,不像是传统的教学方法,教师是一位很有学问的人,扮演着传授知识者角色。  案例教学法起源于1920年代,由美国哈佛商学院(Harvard Business School)所倡导,当时是采取一种很独特            
                
         
            
            
            
            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评论
                            
                                                 
                 
                
                             
         
            
            
            
            综合案例  这是一个综合的案例,主要就是展示选择器的使用,案例中的选择器是相对比较复杂的,很多时候我们不需要写这么复杂的选择器,但是案例是为了展示整个选择器的知识点的运用 右边是一段文本,我们通过不同的选择器给指定的文字赋予颜色 分析一段复杂的选择器:   $("#menu_con div.tag dd > p:first-child")    这段组合的选择器表达式用到了几个之前学到的选            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-27 05:02:57
                            
                                100阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
             jQuery Mobile是jQuery 在手机上和平板设备上的版本,jQuery Mobile不仅包含jQuery核心库,而且提供了一个完整统一的jQuery移动UI框架,支持全球主流的移动平台;jQuery Mobile将“写得更少、做得更多”这一理念提升到了新的层次。下面这个实例演示了使用jQuery Mobile在Android手机上创建图文结合的导航按钮。此实例在Androi            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-09 19:48:15
                            
                                20阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            首先废话一句,jQuery选择器真心很强大! 在项目中遇到这么一个问题easyui的问题 如图所示,当前页面显示的是“原始报文查询”的页面,当时左侧导航栏却选中的是“重发报文查询”。如何让右侧的菜单和左侧的导航实现联动即:左侧点击“原始报文查询”,那么右侧的“补发运抵报文”展开,并选中“原始报文查询”,“后台管理”关闭? 实现方式如下:  1、右侧的“原始报            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-22 22:12:07
                            
                                24阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            JQuery_案例2_抽奖_实现    分析:1. 给开始按钮绑定单击事件
        1.1 定义循环定时器
        1.2 切换小相框的src属性
            定义数组,存放图片资源路径
            生成随机数。数组索引
    2. 给结束按钮绑定单击事件
        1.1 停止定时器
        1.2 给大相框设置src属性<!DO            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-28 13:31:54
                            
                                149阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # jQuery Mobile案例
jQuery Mobile是一个基于jQuery库的移动设备端UI框架,它可以帮助开发者快速构建移动应用程序。本文将介绍一个简单的jQuery Mobile案例,展示如何创建一个基本的页面并添加一些交互功能。
## 创建一个简单的页面
首先,我们需要引入jQuery和jQuery Mobile的库文件。这可以通过在HTML文件的头部添加以下代码来实现:            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-04-25 07:26:44
                            
                                66阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 使用 jQuery 创建相册案例
在网页开发中,经常会遇到需要创建相册展示图片的需求。而利用 jQuery 可以很方便地实现相册的功能。本文将介绍如何使用 jQuery 创建一个简单的相册案例,并提供相应的代码示例。
## 流程图
```mermaid
flowchart TD
    A[开始] --> B[加载图片]
    B --> C[显示缩略图]
    C --> D[点击            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-04-04 04:03:23
                            
                                25阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            JQuery Mobile自发布以来一直在调整变化。我翻译一篇较新的教程来重温这个易用的框架。原文作者Stephanie Walter。jQuery 框架在web上广泛使用已经有一段时间了,jQuery技术基本是为浏览器应用而设计的。而jQuery Mobile是基于jQuery的框架,使得web设计师可以创建为移动设备(智能手机和平板电脑)优化的web app。这个框架对触控优化,使用响应式布局            
                
         
            
            
            
            案例一:使用jQuery完成下拉列表左右选择<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>下拉列表左右选择</title>
		<script type="text/javascript" src="../js/jquery-1.8.3.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-30 12:02:00
                            
                                8阅读