JQuery案例

---

一、基础案例

1.隔行换色

需求：将数据行的奇数行背景色设置为 pink，偶数行背景色设置为 yellow

<script>
			//需求：将数据行的奇数行背景色设置为 pink，偶数行背景色设置为 yellow
			$(function () {
     
				//1. 获取数据行的奇数行的tr，设置背景色为pink
				$("tr:gt(1):odd").css("backgroundColor","pink");
				//2. 获取数据行的偶数行的tr,设置背景色为yellow
                $("tr:gt(1):even").css("backgroundColor","yellow");
            });
		</script>

2.全选和全不选

需要保证下边的选中状态和第一个复选框的选中状态一致即可

		<script>
            function selectAll(obj){
     
                //获取下边的复选框
				$(".itemSelect").prop("checked",obj.checked);
            }

		</script>

3.QQ表情选择

需求：点击qq表情，将其追加到发言框中

	<script>
        
        $(function () {
     
            //1.给img图片添加onclick事件
            $("ul img").click(function(){
     
                //2.追加到p标签中即可。