脚本宝典收集整理的这篇文章主要介绍了html5教程-HTML5 经量级框架 jQuery Mobile - 7.1，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

 %h2= "第八章 经量级框架 jQuery Mobile"
  %section
  %p.jquery-mobile
    %article.access
      %p= "dataset自定义属性"
      %p{:id => 'mobiletitle', :class => "mobiletitle", 'data-category' => '前端技术', 'data-title' => 'HTML5移动指南', 'data-time' => '2011-11-10', 'data-author' => 'sankyu' }

      %p{'data-role' => 'page'}= "data-role 功能角色"
      %p{'data-title' => 'title'}= "data-title 试图标题"
      %p{'data-transition' => 'top'}= "data-transition"
      %p{'data-rel' => 'true'}= "data-rel 试图浮动"
      %p{'data-icon' => 'nil'}= "data-icon"
      %p{'data-iconpos' => 'iconpos'}= "data-iconpos "
      %p{'data-inline' => 'inline'}= "data-inline "
      %p{'data-type' => 'type'}= "data-type "
      %p{'data-rel' => 'back'}= "data-rel "
      %p{'data-add-btn-text' => 'btn'}= "data-add-btn-text "
      %p{'data-back-btn-text' => 'text'}= "data-back-btn-text "
      %p{'data-postion' => 'text'}= "data-postion "
      %p{'data-fullscreen' => 'text'}= "data-fullscreen "
      %p{'data-native-menu' => 'text'}= "data-native-menu "
      %p{'data-placeholder' => 'text'}= "data-placeholder "
      %p{'data-inset' => 'text'}= "data-inset "
      %p{'data-split-icon' => 'text'}= "data-split-icon "
      %p{'data-split-theme' => 'text'}= "data-split-theme "
      %p{'data-filter' => 'text'}= "data-filter "

 

 

  $mobil = document.getElementsByClassName('mobiletitle')[0]
  if ($mobil.dataset)
     alert($mobil.dataset.category)
  else
    alert("不支持")

 

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ html5教程，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的html5教程-HTML5 经量级框架 jQuery Mobile - 7.1全部内容，希望文章能够帮你解决html5教程-HTML5 经量级框架 jQuery Mobile - 7.1所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。