2021-05-18

最新推荐文章于 2021-05-26 19:59:12 发布

「已注销」

最新推荐文章于 2021-05-26 19:59:12 发布

阅读量123

点赞数

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/Rose_1_bull/article/details/116988694

版权

jQuery小案例

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术： MVC

撰写时间：2021/5/18

今天我们来看一个比较简单的小案例吧！

先来看看页面的布局，布局写在<body>里，css样式写在<style>里，jQuery代码写在<script>里

布局呈现的页面，这个页面不是很美观，虾米们可以根据自己的想法去把这个页面设置的更好看。

基本布局就完成了，接下来我们来看看如何用jQuery来实现它的一个效果。两种写法，看虾米们用哪种比较方便。两种写法用到的一些事件和语法：按钮绑定点击事件（click）。

语法（1）appendTo()把匹配的元素追加到另一个指定的元素集合中

（2）append()在被选元素的结尾插入内容（结束标签之前插入）

（3）:selected 只匹配有selected属性的option标签

1、第一种写法：

2、第二种写法：

看看效果吧！！！

（1）

（2）

(3)先选中，在点击=>,就从左侧移至右侧

（4）先选中，在点击<=,就从右侧移至左侧

好啦，到这就结束了，很开心给虾米们分享，如果有什么不懂的可以留言哦。

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

「已注销」 CSDN认证博客专家 CSDN认证企业博客

码龄3年

18: 原创

-: 周排名

-: 总排名

4124: 访问

: 等级

184: 积分

0: 粉丝

1: 获赞

7: 评论

2: 收藏

私信

关注

热门文章

最新评论

WPF的Binding
「已注销」: Binding的源 Binding的源也就是数据的源头。 Binding对源的要求并不苛刻-一只要它是一个对象,并且通过属性(Property)公开自己的数据,它就能作为Binding的源。前面一个例子已经向大家说明,如果想让作为Binding源的对象具有自动通知Binding自己的属性值已经变化的能力, 那么就需要让类实现INotifyPropertyChanged接口并在属性的set语句中激发PropertyChanged事件。在日常的工作中,除了使用这种对象作为数据源外,我们还有更多的选择,比如控件把自己或自己的容器或子级元素当源、用一个控件作为另一个控件的数据源、把集合作为ItemsControl的数据源、使用XML作为TreeView或Menu的数据源、把多个控件关联到一个“数据制高点”上, 甚至干脆不给Binding指定数据源、让它自己去找。下面,我们就分述这些情况。把控件作为Binding源与Binding标记扩展前面提过,大多数情况下Binding的源是逻辑层的对象, 但有时候为了让UI元素产生一些联动效果也会使用Binding在控件间建立关联。下面的代码是把一个TextBox的Text属性关联在了Slider的Value属性上。正如大家所见,除了可以在C#代码中Binding外在 XAML代码里也可以方便地设置Binding,这就给了设计师很大的自由度来决定元素之间的关联情况。值得注意的是,在C#代码中可以访问XAML代码中声明的变量但XAML代码中却无法访问C#代码中声明的变量,因此, 要想在XAML中建立UI元素与逻辑层对象的Binding还要颇费些周折,把逻辑层对象声明为XAML代码中的资源(Resource), 我们把它放在资源一章去解释。回过头来看这句XAML代码,它使用了Binding标记扩展语法: Binding的标记扩展语法,初看起来平淡无奇甚至有些别扭,但细品起来就会发现它的精巧之,处。说它“别扭”是因为我们已经习惯了Text="Hello World"这种“键一值”式的赋值方式, 而且认为值与属性的数据类型一定要一致--大脑很快会质询Text=" (Binding Value, ElementName=slider1)"的字面意思--Text的类型是string,
WPF的布局
「已注销」: 事件事件（WPF中统称为路由事件）路由事件（冒泡，隧道，直接）冒泡事件：源元素-根元素触发过程（从内到外依次触发的过程）隧道事件：以Preview为前缀的事件根元素-源元素触发过程（从外到内依次触发的过程）中断事件代码：e.Handled=true 中断我们事件由外向内或者由内向外依次触发的过程直接路由事件：直接执行后台控制器方法体中的代码（load，click点击事件等）资源分类：静态资源、动态资源资源定义位置：①FrameworkElement.Resources页面级资源布局里面定义，当前窗体用户控件页面定义 ②应用级别的资源资源字典整合：1.创建资源字典，2.在启动页面引用，3.在项目即可进行调用（当资源字典里面不给指定的key值调用时，当前整个项目，只要是用到这个控件，他都会调用此样式；可以是key值） <ResourceDictionary>  <ResourceDictionary.MergedDictionaries>  <ResourceDictionary Source="Dictionary1.xaml"/> </ResourceDictionary.MergedDictionaries> </ResourceDictionary> Style: Setter:设置器 <Setter Property="Foreground" Value="SkyBlue"/>
正则表达式---- 演练
「已注销」: 一、关于java中的数据类型： 1、数据类型的作用是什么？ - 程序当中有很多数据，每一个数据都是相关类型的，不同数据类型的数据占用空间大小不同 - 数据类型的作用是知道jvm在运行程序的时候给该数据分配多大的内存空间。 2、java中的数据类型包括两种： * 基本数据类型 * 引用数据类型 3、关于基本数据类型： * 基本数据类型包括四大类八小种：整数型： byte，short,int,long 浮点型： float,double 布尔型： boolean 字符型： char 4、字符串“abc”不属于基本数据类型，属于“引用数据类型”，字符属于基本数据类型： - 字符串使用双引号 “abc” - 字符使用单引号 ‘a’ 5、八种基本数据类型各自占用的空间大小是多少？基本数据类型占用空间大小(单位：字节) ---------------------------------- byte ------------------- 1 short ------------------ 2 int -------------------- 4 long ------------------- 8 float ------------------ 4 double ----------------- 8 boolean ---------------- 1 char ------------------- 2 6、计算机在任何情况下都只能识别二进制。 7、什么是二进制？ * 数据的一种表示形式。十进制表示满十进一原则。二进制表示满二进一原则。例如：十进制 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 例如：二进制 0 1 10 11 100 101 110 111 1000 1001 ...... 0 1 2 3 4 5 6 7 8 9 8、字节(byte)： 1 byte = 8 bit 【1个字节 = 8个比特位】1 个比特位
正则表达式---- 演练
「已注销」: Java运算符一、基本数据类型 1、四种基本类型 *整数类型：6、101、-11 *浮点类型：6.1、101.1、-11.1 (通俗点来说就是带小数点的数值) *字符类型：‘a’ ‘B’ ‘文’ *布尔类型： true、false 2、整数类型》》》整数的四种声明类型内存空间比喻成房价的话就是 Byte 1个字节单人间取值范围是：-128-127 Short 2个字节双人间取值范围是：-32768~32767 Int 4个字节四人麻将间取值范围是：-2147483648~2147483647 Long 8个字节总统套房取值范围是：-922337203685475808~9223372036854775807 》》》创建整数类型示例 Byte a =12; Byte a = 12, b = -13; Short a = 156; Short a = 156, b = -231; Int a = 3456; Int a = 3456, b = -5678; Int c = 2 + b; Long a =9876543210L; Long a = 123L,b = -456L; Long c = 123L + 456L; /*long赋值的时候后面要加一个L做后缀大写小写都可.否则会造成精度丢失*/ /*在long类型后面不加L/l是会报错的*/ 》》》整数的默认类型默认是int型值示例： 123+456计算结果是int类型 3、使用不同的进制的整数赋值 10进制 ·最常见的进制例：int a = 33; 8进制 ·以0开头例： int b = 033; 16进制 ·以0X或者0X开头例：int c = 0x33; (是零不是欧O，是X不是乘) 4、浮点类型内存空间比喻 Float 4字节
2021-05-18
Cdf（人名）: 原创不易！期待大佬回访！

最新文章

目录

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。