JQUERY学习笔记一

        1.对于 jq 首先 他只是 js的其中 一个封装好了的 库， 在使用中 可以大大的提高效率，没有多神秘。

       2.实际操作之中，首先就是 引入 文件

<script language="javascript" src="jquery.min.js"></script>

       3.然后几个常用的功能：

 3-1全选：

<input type="checkbox" id="xuan" value="deal" />全选

<input type="checkbox" name="checkbox" value="deal2" />2
<input type="checkbox" name="checkbox" value="deal2" />3
<input type="checkbox" name="checkbox" value="deal2" />4

$(function(){
$("#xuan").click(function(){
alert("你悬着中了");
$("[name='checkbox']").attr("checked",'true');
})

});

  功能就是 #xuan被选中之后，name=checkbox的 全部被 赋予一个 true值。

3-2：显示隐藏的内容

<div id=son>
<a href="#">火影忍者 </a>
<ul style="display:none;">
<li>木叶村</li>
</ul>
</div>

$("#son").click(function(){
$("ul").toggle();
});

就是 点击#son时，会 把 隐藏的 变成 显示，第二次相反， 循环之

3-3输入框的 变化，

$(function(){
$("input").focus(function(){
$(this).css("background","red")
}).blur(function(){
$(this).css("background","white")
});
})

3-4，鼠标 经过时，会有 变化

$(function(){
$("li").hover(function(){
$(this).css("background","gray");
},function(){
$(this).css("background","#CCC");
});
})

hover中 可以 有 两个函数， hover(function(){},function(){})
3-5对于 变换 点击之后的 图标

<ul>
<li id="lis" >
<i class="fa  fa-times" id="d1" style="display:none;">子出现</i>
<i class="fa fa-plus-square" id="d2" >母标签订单</i>
</li>
</ul>

暂时还没有找到比较好的方法

$(function(){
$(" #lis #d2").click(function(){
$("#d1").css("display","block");
$("#d2").css("display","none");</span>
});
$("#lis #d1").click(function(){
$("#d2").css("display","block");
$("#d1").css("display","none");
});
})

使用的 双标签 更改很麻烦