定位图标
请使用 data-iconpos 属性来规定位置
<a href="#link" data-role="button" data-icon="search" data-iconpos="top">上</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="right">右</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="bottom">下</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="left">左</a>

只显示图标
如果只需显示图标,请将 data-iconpos 设置为 "notext":

<a href="#link" data-role="button" data-icon="search" data-iconpos="notext">搜索</a>

jQuery mobile prop 用法

赋值时候

如果是<input type="checkbox" checked>这样的只有属性名就能生效的属性
推荐prop,即:$('input').prop('checked',true);
同时,false表示取消,即:$('input').prop('checked',false);
当然attr也行的:$('input').attr('checked','这里写什么都行的');
取消属性就是移除:$('input').removeAttr('checked');

取值的时候

如果是<input  id="input1" type="checkbox" checked><input  id="input2" type="checkbox">
推荐使用prop,即:
$('#input1').prop('checked'); //返回true
$('#input2').prop('checked'); //返回false
而使用attr,则:
$('#input1').attr('checked'); //返回checked
$('#input2').attr('checked'); //返回undefined

转载于:https://www.cnblogs.com/luoge/p/4368357.html

jQuery mobile 图标相关推荐

  1. jQuery Mobile 图标无法显示

    对jquery mobile来说,使用data-icon属性配置,可以设置元素的图标.图标没有变成右箭头,而是如下图所示: //已经设置了图标 ,data-icon="home" ...

  2. w3cschool的jQuery Mobile教程总结

    w3cschool的jQuery Mobile教程总结 jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架. jQuery Mobile 工作于所有主流的智能手机和平板电脑上. 一 ...

  3. jQuery Mobile 教程

    http://www.w3school.com.cn/jquerymobile/jquerymobile_icons.asp jQuery Mobile 教程 jQuery Mobile 教程 jQu ...

  4. jQuery Mobile Data 属性

    按钮 带有 data-role="button" 的超链接.button 元素.工具栏中的链接以及 input 字段都会自动渲染成按钮样式,不需要添加 data-role=&quo ...

  5. jquery mobile自定义图标实现方法

    原文在此,猛戳http://blog.csdn.net/java_mars/article/details/22534705 环境 jquery1.9.1.js jquery mobile 1.4.2 ...

  6. jQuery Mobile中图标icon样式大全ui-icon-*

    全栈工程师开发手册 (作者:栾鹏) jQuery Mobile 所有class选项 jQuery Mobile中图标icon样式大全 //ui-icon-action 动作 (一般用于页面跳转切换) ...

  7. jQuery Mobile 按钮、图标

    jQuery Mobile 中创建按钮 可通过三种方法创建: 1.使用<button> 元素 2.使用<input>元素 3.使用 data-role="button ...

  8. jQuery Mobile基础

    1.安装 在<head></head>标签里边写入以下内容 jQuery Mobile CDN: 1 <head> 2 <meta charset=" ...

  9. jQuery Mobile学习笔记

    1.获取jQuery mobile 文件,访问jQuerymobile网站下载 (貌似使用jquery mobile后,jquery会自动在网页中添加一些class类,第一次知道的我是被吓呆的!!) ...

最新文章

  1. IDEA的Docker插件实战(Dockerfile篇)
  2. 报名 | 二值化网络 基于素描图的图像检索论坛
  3. IE8抢先尝试——色眼窥观版(多图)
  4. python 实现简单查询页面_python web 实现简易天气查询
  5. THttprio连接WebService的内存泄漏问题
  6. hdu4280 Island Transport 网络流最大流 Dinic算法高效模板
  7. 模板方法模式(Template Method Pattern)学习笔记
  8. Datawhale组队-Pandas(下)文本数据(打卡)
  9. java thread join()_Java中Thread.join()的使用方法
  10. java蓝桥杯省赛第十届_2019年第十届蓝桥杯省赛-迷宫(BFS/Excel大法)
  11. matlab画转体_【求助】matlab生成旋转体?
  12. QQ影音播放器 for Mac
  13. 包图 包图网 免费psd素材分享
  14. phpstorm运行php项目步骤
  15. AltiumDesigner PCB案牍(1)——Gerber文件的生成
  16. 原创 关于微信拼车小程序开发的需求分析(分析建模2)
  17. 鼠标滑轮只能控制声音?
  18. 图像处理学习2,边缘检测1(sobel算子,kirsch算子)
  19. static final常量变量的正确书写规范
  20. 腾讯股票实时数据接口

热门文章

  1. 从零开始学习python-如何从零开始学python?
  2. php7和python3性能对比-Python 2.7与Python 3.7区别
  3. python安装pip-python2.7 安装pip的方法步骤(管用)
  4. python课程推荐-推荐几个优质的 Python 学习资料(良心推荐,非广告)
  5. python自学路线-自学python编程的方法路线
  6. 怎么用python画简单的图-使用Python中的Turtle库绘制简单的图形
  7. python画曲线-如何通过python画loss曲线的方法
  8. python四大软件-PYPL 9月编程语言排行榜发布 Python一枝独秀
  9. python简单代码表白-python浪漫表白源码
  10. python可以自学吗-python自学行吗 新手可以自学python吗