2022-8-26 jq简单了解

Query 是一个 JavaScript 函数库。

jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 库。
jQuery 库包含以下功能:

成都创新互联公司网站建设由有经验的网站设计师、开发人员和项目经理组成的专业建站团队,负责网站视觉设计、用户体验优化、交互设计和前端开发等方面的工作,以确保网站外观精美、成都网站制作、成都网站设计、外贸营销网站建设易于使用并且具有良好的响应性。

HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities





          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() - 隐藏所有 class="test" 的

元素 $("#test").hide() - 隐藏 id="test" 的元素

选择器

            基本选择器
                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
    

123

Document
        
    

分享文章:2022-8-26 jq简单了解
标题来源:http://pwwzsj.com/article/dsoghpo.html

其他资讯