Query 是一个 JavaScript 函数库。

jQuery 是一个轻量级的”写的少，做的多”的 JavaScript 库。
jQuery 库包含以下功能：

HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities          JS库：别人写好的JS文件，我们拿来直接用            开发中，会引入很多的.js文件            JQuery.js------濒临淘汰，经典。                css库，bootstrap，layui，easyui。            React.js-------            Angular.js-----            Vue.js---------简单。最主流

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

基础语法： $(selector).action()

美元符号定义 jQuery选择符（selector）"查询"和"查找" HTML 元素jQuery 的 action() 执行对元素的操作

实例:

$(this).hide() - 隐藏当前元素$("p").hide() - 隐藏所有 
 元素$("p.test").hide() - 隐藏所有 的 
 元素$("#test").hide() - 隐藏 的元素

选择器

            基本选择器                id选择器---返回值是固定的一个                class选择器---返回值是一堆                标签选择器---返回值是一堆                *号选择器---返回值是所有标签            层级选择器               div p---div里的p，后代               div>p---直接子元素                div+p---相邻            过滤选择器                :first---获取第一个元素                :last---获取最后一个元素                :eq(index)---给定位置的元素                :gt(index)---大于给定位置                :lt(index)---小于给定位置                :not(selector)---除了selector以外的所有选择器            内容选择器：                :empty---匹配所有不包含子元素的选择器                :parent---含有子元素的父元素            属性选择器：                [name]---包含name属性的元素                input[type=text]---文本框                input[type!=text]---除文本框的其他

Document div { width: 600px; height: 600px; border: 1px solid }p { background-color: rgba(255, 255, 0, 1) }

    
        
123
                        $(() => {            /*                appendTo()：参数是一个JQuery元素，追加到xxx                prepareTo()：在之前追加            */            $("
546
").appendTo($("#container"));            $("
999
").prependTo($("#container"));            $("
888
").insertAfter($("#container"));            $("
777
").insertBefore($("#container"));            $("#p123").replaceWith($("
666
"));            // $("000").replaceAll($("p"));            // 在内部的后面追加            $("#container").append($("
100
"));            $("#container").prepend($("
200
"));            $("#container").after($("
5000
"));            $("#container").before($("
6000
"));            // 清空标签内的所有内容            // $("#container").empty();            $("p:gt(5)").remove();        })

Document div { width: 600px; height: 600px; border: 1px solid }p { background-color: rgba(255, 255, 0, 1) } 吉林省 辽宁省

                            $(() => {            // $("#div1").text("
123
");            $("#username").val("666");            /*                属性操作：                html() ===== innerHTML                text() ===== innerText                val() ====== input.value                val()函数：可以给文本框赋值，                    可以操作单选框，复选框，下拉菜单的选中状态            */           $("#checkAll").click(()=> {                // $("#swimming").val("swimming");                // 相当于setAttribute                // getAttribute                // alert($("input[type=checkbox]").attr("value","sss"));                // alert($("input[type=checkbox]").attr("checked"));                alert($("input[type=checkbox]").prop("checked",true));                alert($("#sheng").prop("selected"));           })        })

本文来自博客园，作者：阿萨德菩提子，转载请注明原文链接：https://www.cnblogs.com/ychptz/p/16629790.html