web前端

Jquery 使用toggle()时，如何判断状态

admin web前端 暂无评论 411 浏览

问：toggle方法怎么知道现在是show还是hide ，又没有返回值 true or false 怎么得到，因为我现在就是想判断当前是show还是hide而要执行一些代码，高手解答！求解答：如果是有这么一个元素：<div id="mDiv" style="display:none">DIV1</div>判断它是否显示的话可以用is()方法，具体可以这么写 if($("#mDiv").is(":hidden")){ $(this).show(); }else{ $(this).hide(); }

 

答

直接看代码：

1
2
3
4
5
6
7
// 请确保不要使用太低版本的 jQuery
var select = $('#id');
if ( select.toggle().is(':hidden') ) {
    alert(
…
Read more

layui table中渲染html对象

admin web前端 暂无评论 607 浏览

  • 第一种

    <script type="text/html" id="see-bar">
    <a class="layui-btn layui-btn-primary layui-btn-xs " data-id="{{d.id}}" onclick="see(this)" lay-event="See" style="color:#2880cb">{{d.card_number}}</a>
    </script>

    table.render({

    。。。

    , cols: [[

    , { '13%', title: '卡片编号', align: 'center', rowspan: '1', toolbar: '#see-bar' }

    ]]

    。。。

    });

    第二种

    , cols: [[
    { type:

…
Read more

jQuery里面的普通绑定事件和on委托事件-jquery动态生成html onclick不起作用问题

admin web前端 暂无评论 473 浏览

以click事件为例：

普通绑定事件：$('.btn1').click(function(){}绑定

on绑定事件：$(document).on('click','.btn2',function(){}绑定

那么这两种方式有什么区别呢？

首先我们看看在实践上的区别：

①click事件是在页面加载后，获取的所有类名为btn1的元素，然后绑定了这个click事件，你要是通过其他操作再生成一个btn1元素，它就没有click这个事件；

②而on()事件起到了监听的效果,可以实现动态html元素绑定，比如一开始只有一个btn2元素，你通过某种方法又加了一个btn2元素，这个元素也可以点击，可以无限添加btn2。

那么怎么实现这个动态监听的过程呢？

on()事件相当于是$(document).click(function(){if(点击的是btn){}})，给document添加了一个click事件，党点击的是btn，事件冒泡原理，从里到外，就相当于点击了document，那么就会执行后面的操作，本质上只给document添加了一个事件，而click()事件是给所有btn添加了click事件。

另外on()事件可以添加多个事件。

on()委托事件的优点：原来的事件绑定，要绑定好多事件，现在只需要绑定一个事件，大大提高了效率和页面性能，解决的动态添加元素导致不能触发的bug。

Jq1.7 开始支持。

 

jQuery绑定事件方法及区别(bind,click,on,live,one)

 

第一种方式：

?
1
2
3
4
5
$(document).ready( function (){
  $( "#clickme" ).click( function (){
  alert( "hello world click" )
  })
})

第二种方式（简写方式为第一种）：

?
…
Read more

自适应和响应式的区别

admin web前端 暂无评论 473 浏览

区别：
自适应：需要开发多套界面；
响应式：只需开发一套界面。
1.自适应：
通过检测视口分辨率，来判断当前访问的设备是：pc端、平板、手机，从而请求服务层，返回不同的页面；响应式设计通过检测视口分辨率，针对不同客户端在客户端做代码处理，来展现不同的布局和内容。 …

    
Read more