蝉知网站模板常用的Jquery

1.因为蝉知调用到ZUI的缘故,所有class类名会比较多,有时候方便操作样式,常用到去除类名:

<p class="chanzhi">It's a wonderful website.</p>
如果class有样式设计复杂影响设计,则可以去除class类:$('p').removeClass('chanzhi');
对应想要增加类可以用:$('p').addClass('chandao');
若执行如上Jquery则Html变为
<p class="chandao">It's a wonderful website.</p>

2.在做产品切换功能的时候,用的了锚点,需要获取到链接的href值

<div class='productTab'>
  <ul class='nav nav-tabs'>
     {foreach($categories as $category)}
        <li data-type='internal'>
          <a href=#type{$category} data-toggle='tab'>{!substr($types[$category], 1)}</a>
        </li>
     {/foreach}
   </ul>
</div>
$('.productTab .nav a').attr('href')为获取到的id值。
为了使页面加载默认选择第一个Tab,可以用trigger()方法点击触发.
$('.productTab .nav').find('li:first-child a').trigger('click');

 

posted @ 2018-08-17 14:42  Abby*^o^*  阅读(386)  评论(0编辑  收藏  举报