jQuery

来源：互联网发布：手机淘宝卖家怎么激活编辑：程序博客网时间：2024/06/06 05:02

jQuery基础选择器

层次选择器

索引选择器

内容选择器

可见性选择器

属性选择器

表格列选择器

No. 选择器描述返回类型 1 ：nth-child(eq\even\odd\index) 选择制定列中的所有元素，可以使用列的索引，全部偶数索引、全部奇数列索引来完成、需要注意的是：这个列的索引是从1开始元素集合 2 ：first-child 取得表格行的首列元素集合 3 ：last-child 取得表格行的尾列元素集合 4 ：only-child 取得只有一个子元素的父元素元素集合

表单选择器

DOM操作函数

事件选择

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jQuery练习</title><script type="text/javascript" src="jquery/jquery-3.2.1.min.js"></script><script type="text/javascript">    $(function() {        $("button[id^='dept']").each(function(){            $(this).on("click",function(){                deptno=this.id.split("-")[1];                $("#dept-"+deptno).text("新部门-"+deptno);            });        });    })</script></head><body>    <div>        <span id="dept-1">部门1</span>：        <button id="dept-1">编辑</button>        <br> <span id="dept-2">部门2</span>：        <button id="dept-2">编辑</button>        <br> <span id="dept-3">部门3</span>：        <button id="dept-3">编辑</button>        <br>    </div></body></html>

Ajax处理

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jQuery练习</title><script type="text/javascript" src="jquery/jquery-3.2.1.min.js"></script><script type="text/javascript">    /*    $(function() {        $(sendBut).on("click",function(){            $.ajax({//这里面需要将所有要发送的数据以JSON的形式发送                url : "echo",                method : "post",                data : {                    name : "hello",                    msg : "你好"                },                dataType : "text" ,                success : function(){                    console.log("操作处理成功，" );                },                error : function(){                    console.log("操作失败");                },            });        });    })     */    $(function() {        $(sendBut).on("click", function() {            $.get("echo", {                name : "hello",                msg : "你好"            }, function(data) {                console.log(data);            }, "text");        });    })</script></head><body>    <div id="myDiv"></div>    <button id="sendBut">回应</button></body></html>

0 0