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>

效果：