0
点赞
收藏
分享

微信扫一扫

jQuery入门和选择器

汤姆torn 2022-03-16 阅读 38
jquery

        1.3W1H
1.where 是什么?
        JavaScript库:封装了很多JS代码(类库)

2.Why?为什么要学习?
        为了简化JavaScript开发:选择器、CSS、HTML事件处理、JS动画、浏览器兼容、丰富插件

3.Where?哪些情况下用?
        中大型网站开发
            是一些前端框架的基础,比如EasyUI,Bootstrap

4.How?怎么用?
        工具:HBuilderX


使用jQuery步骤
    1.下载jQuery库
        开发版本:jquery-3.3.1.js
        生产版本:jquery-3.3.1.min.js
    2.引入:将js文件复制到项目中
    3.使用

2.jQuery文件结构
1.jQuery文件中可以看出是一个自执行函数
    (function(){
    window.jQuery = window.$ = jQuery
}());


3.jQuery选择器
一.基本选择器

    常用选择器:
    ID选择器:#ID  ——单个元素
    类选择器:.class  ——元素集合
    元素选择器:element  ——元素集合
    通配符选择器:*  ——元素集合
    群组选择器(并集):selector1,selector2  ——元素集合

二.层次选择器
        后代选择器和子代选择器

三.过滤选择器
        获取第一个元素:first

        最后一个元素:last

        获取偶数下标的元素:even

        获取奇数下标的元素:odd

        获取某一范围元素
            :gt大于
            :lt小于

四.表单选择器
        :input :radio :text :checkbox :submit :password :image :reset :button :file :hidden

表单对象属性:    :enabled  :disabled  :checked :selected

    


5.jQuery大纲

 

 

举报

相关推荐

0 条评论