jquery的案例-隔行换色

2020-10-20 10:45发布

jquery的案例-隔行换色

在这里插入图片描述

	<!--导入js-->
	<script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
	<script type="text/javascript">
		$(function () {
			$("tr:gt(1):even").css("background-color","red");
			$("tr:gt(1):odd").css("background-color","blue");
        });1234567

jquery的案例-全选全不选

在这里插入图片描述

		<script type="text/javascript">
			$(function () {
				//1:给全选框绑定点击事件
				$("#checkedAllId").click(function () {
					//2:获取全选框的选中状态
                    var flag = $("#checkedAllId").prop("checked");
                    //3:将全选框状态赋值给所有的行选框
					$(".itemSelect").prop("checked",flag);
                });
            });
		</script>1234567891011

jquery的案例-QQ表情

在这里插入图片描述

<script type="text/javascript">
        //this是js对象
        //1:给所有的标表情图片添加点击事件
        $("li img").click(function () {
            //2:将每一张图片,克隆一份添加到请发言的后边
            var newImgEle =  $(this).clone();
            $(".word").append(newImgEle);
            //3:给每一张克隆的图片绑定一个点击事件
            newImgEle.click(function () {
                //点击之后,删除自己
                $(this).remove();
            });
        });
    </script>1234567891011121314

jquery小结

》》1:不要死记硬背,只要求能看懂
》》2:需要函数的时候查看文档
》》3:使用的越多就越熟


作者:水巷石子

链接:https://blog.csdn.net/qq_37924905/article/details/108658480

来源:CSDN
著作权归作者所有,转载请联系作者获得授权,切勿私自转载。