JQui---------Button心得

button中JQ代码:

<script type="text/javascript">
        $(function() {
            $("#check").button();
            $(".checkSet").buttonset();
        });
</script>

JQui的button的作用范围:

  

<button></button>
<input type='check/radio'/>
<a href=''></a>
<!-- 这三个标签都可以-->

button操作对象的个数 : 一个标签对象,一个div包括的集合对象

<button> <!-- 单独的一个对象  $("button").button()-->


<div>
    <button>
    <input>
    <a>
<div>
<!--操作多个对象,直接操作div  $("div").buttonset() -->

button操作的特定格式: label标签做为button的文本

<input type="checkbox" id="check01"><label for="check01">切换1</label>
<input type="checkbox" id="check02"><label for="check02">切换2</label>
<input type="checkbox" id="check03"><label for="check03">切换3</label>

效果:

 

原文地址:https://www.cnblogs.com/jack-xsh/p/8631669.html