jquery基础-优快云博客

本文介绍JQuery库的基本特性和使用方法，包括HTML元素选取、操作、CSS应用、事件处理、特效动画、DOM遍历和修改等。讲解了如何导入JQuery库，详细解释了选择器的使用，如ID选择器、类选择器、标签选择器等，以及jQuery对象的特性和与DOM对象的转换方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.JQuery简介

　　jQuery 是一个 JavaScript 库,具有的特性如下：

　　HTML元素选取，HTML元素的操作，css操作，HTML事件函数，JavaScript 特效和动画，HTML Dom遍历和修改，Ajax,utilities

二.JQuery使用

　　1.导入文件（jquery库）　

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

　　2.jquery语法

　　http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp

- 找 用jQuery找到目的标签
    
        - 选择器           语法规则：$("xxx")
        
          基本选择器：
          
            - ID选择器                   $("#id的值")
            - 类选择器（class）          $(".class的值")
            - 标签选择器(html标签)       $("标签的名字")
            - 所有标签                   $("*")
          
            - 组合选择器                 $("xx,xxx")    
          层级选择器
          
            - 从一个标签的子子孙孙去找   $("父亲 子子孙孙")
            - 从一个标签的儿子里面找     $("父亲>儿子标签")
            - 找紧挨着的标签             $("标签+下面紧挨着的那个标签")
            - 找后面所有同级的           $("翔哥~女人")
        
        jQuery对象：
            - 用jQuery选择器查出来的就是jQuery对象
            - jQuery对象，他就可以使用jQuery方法，不能使用DOM的方法
          
            - DOM对象和jQuery对象转换：
                - $(".c1")[0] --> DOM对象
                - $(DOM对象)
        - 筛选器
            - 写在引号里面的
                $(" :first") //第一个元素
                $(" :not('')")  //某个元素里不含有某个元素
                $(" :even")  //所有偶数xxx 元素
                $(" :odd")   //所有奇数xxx元素
                $(" :eq")
　　　　　　　　　　例：$("ul li:eq(3)")  //列表中第四个元素
                $(" :gt")　
　　　　　　　　　　例：$("ul li:gt(3)")　//列出索引大于3的元素
                $(" :last")
                $(" :focus")
                
                内容
                $(":contains") //包含指定字符串的所有元素
                $(" :empty")   //无子节点的所有元素
                $(" :has('')")
                $(" :parent")  *****   区别于$("").parent()
                
                可见性
                $(" :hidden)
                $(" :visible")
                
                属性
                input[name]  --> 有name属性的input
                input[type='password']  --> 类型是password的input标签
                
                表单
                :input
                :password
                :checkbox
                :radio
                :submit
                :button
                :image
                :file
                
                表单对象属性
                :enable
                :disable
                :checked
                :selected
            
            - 写在引号外面当方法用的
            
              过滤
                $("").first()
                $("").parent()
                $("").eq()
                .hasClass()
                
              查找
                .children()
                .find()
                .next()
                .nextAll()
                .nextUntil()
                
                .parent()
                .parents()
                .parentsUntil()
                
                .prev()
                .prevAll()
                .prevUntil()
                
                .siblings()

转载于:https://www.cnblogs.com/sxh-myblogs/p/7656256.html