位置: 编程技术 - 正文
使用jQuery在移动页面上添加按钮和给按钮添加图标(jquery移动div到另一个div中)
编辑：rootadmin推荐整理分享使用jQuery在移动页面上添加按钮和给按钮添加图标(jquery移动div到另一个div中)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery移动div,在jquery中,鼠标移动到一个指定的元素,jquery移动节点的方法,jquery移动div到另一个div中,jquery实现移动端,jquery移动版,jquery 使用,jquery实现移动端,内容如对您有帮助，希望把文章链接给更多的朋友！
创建按钮 data-role=button给HTML元素添加 data-role="button" 属性。jQuery Moble就会给此元素增强为按钮样式。 Jquery Mobile框架包含了一组最常用的移动应用程序所需的图标，为了减少下载的大小，Jquery Mobile包含的是的白色的图标sprite图片，并自动在图标后添加一个半透明的黑圈以确保在任何背景色下图片都能够清晰显示。
样式链接按钮
在一个网页的主要内容块，你可以样式的任何锚链接为按钮添加 data-role="button" 属性。该框架将加强与标记和类的链接方式链接按钮。例如，这个标记：
注：风格像按钮链接都相同的视觉选择的按钮下面的真正形成，但也有一些重要的差异。基于链接的按钮，按钮是插件，不仅使用基本的button标记插件生成按钮的风格，所以窗体按钮方法（启用，禁用，刷新）不支持。如果你需要禁用基于链接的按钮（或元素），它可能申请伤残等级的UI残疾人自己用java script实现相同的效果。
迷你版 data-mini="true"
一个更紧凑的版本，在工具栏和紧空间是有用的，添加 data-mini="true" 属性的按钮来创建一个迷你版。
给按钮添加图标 data-iconjQuery Mobile框架包括一组选定的图标移动应用程序通常需要。尽量减少下载大小，jQuery Mobile包含一个单一的白色图标的精灵，和自动添加一个半透明的黑圈背后的图标来确保它有任何背景颜色对比度好。
一个图标，可以通过添加一个对锚杆指定要显示的图标数据图标属性添加到一个按钮。例如，下面的标记：
迷你版 添加 data-mini="true" 属性
图标样式列表
jQuery Mobile 自带很多按钮小图标，如下图所示：
左箭头：data-icon="arrow-l"右箭头：data-icon="arrow-r"上箭头：data-icon="arrow-u"下箭头：data-icon="arrow-d"删除：data-icon="delete"添加：data-icon="Plus"减少：data-icon="minus"检查：data-icon="Check"齿轮：data-icon="gear" 前进：data-icon="Forward"后退：data-icon="Back"网格：data-icon="Grid"五角：data-icon="Star"警告：data-icon="Alert"信息：data-icon="info"首页：data-icon="home"搜索：data-icon="Search"
图标定位 data-iconpos
默认情况下，所有的图标都放在按钮的按钮文本左。此默认可以覆盖使用 data-iconpos 属性来设置图标的右上方（top）、底部（bottom）、右侧（right）、左侧（left）的文本。例如，标记：
隐藏图片上的文字 data-iconpos="notext"
你也可以创建一个图标按钮，设置 data-iconpos="notext"。按钮插件将隐藏的文字在屏幕上，但把它作为给屏幕阅读器和设备支持工具提示上下文链接标题属性。例如，data-iconpos="right"，data-iconpos="notext"：
迷你和内联
迷你和内联属性可以被添加到产生更紧凑的按钮
自定义图标 data-icon="自定义值"
使用自定义图标，需要指定 data-icon 值。Jquery Mobile的button插件会将生成一个CSS类，它的前缀是ui-icon- ，后面的是data-icon值。假如：有一个按钮 data-icon 属性的值为 myapp-email，即 data-icon=“ myapp-email”。那么生产的CSS类是：ui-icon-myapp-email。
然后你可以在你的样式表写一个CSS规则来定义 ui-icon-myapp-email。然后在css中指定这个类的背景图片地址。为了保持与其他图标的视觉上的一致性，请创建一个白色x像素的PNG-8图标，并且保存为Alpha透明度。
这将创建标准分辨率的图标，但许多设备都有非常高的分辨率的显示器，就像iPhone 4的视网膜显示器。添加一个高清图标，创建一个图标，X像素（像素大小完全相同的两倍），并添加第二个规则使用WebKit分钟装置像素比例：2。媒体查询到目标的规则只有以高分辨率显示器。指定背景图片高清图标文件和设置背景像素大小x将安装个像素图标到同一个像素的空间。传媒查询块可以用多个图标规则：
浅析jQuery移动开发中内联按钮和分组按钮的编写 内联按钮data-inline=true默认情况下，在体内含量的所有按钮都称为块级元素，所以他们填补了屏幕的宽度。但是，如果你想让按钮外观紧凑，宽度只符合
使用CDN和AJAX加速WordPress中jQuery的加载 确定要放在Head部分事实上最好的情况是，js文件都不要在head部分进行加载，否则会影响到head部分的载入速度，直接导致网站的内容（body）载入延迟。
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效 需求：子结点选中，父节点随之选中，父节点取消，子节点随之取消代码：!DOCTYPEhtmlhtmlxmlns="
![[3D跑酷] GUIClickEventReceiver(bud3d跑酷)](https://www.jiuchutong.com/image/20240129/1706506677.jpg)
