博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery初始
阅读量:5344 次
发布时间:2019-06-15

本文共 1542 字,大约阅读时间需要 5 分钟。

今天我们来学习Jquery的一些基本知识,jquery相对来说还是比较重要的,所以还是要好好学习的。

首先要了解什么是jQuery?

l类似于python里面的模块,可以看成是一种库或者插件。

在学习之前首先要在官网上下载,然后进行导入才可以用,即怎么使用?

- 1. 导入 <script src="jquery-3.2.1.js"></script> import re

- 2. jQuery.xxxxx --> $() re.xxxx
- 3. 兼容性好

一、jQuery对象

- 用jQuery选择器查出来的就是jQuery对象

- jQuery对象,他就可以使用jQuery方法,不能使用DOM的方法
- DOM对象和jQuery对象转换:
- $(".c1")[0] --> DOM对象
- $(DOM对象)

二、jQuery基本语法

先来看看jQuery中有哪些选择器

1.基本选择器

(1)ID选择器

$("#id")

  注:$("#id的值")

(2)类选择器

$(".className") 

注:$(".class的值")

(3)标签选择器

$("tagName")

 注:$("标签的名字")

(4)组合选择器

$("#id, .className, tagName")

(5)所有标签

$('*')

2.层级选择器

- 从一个标签的子子孙孙去找        $("父亲 子子孙孙")            - 从一个标签的儿子里面找          $("父亲>儿子标签")            - 找紧挨着的标签                 $("标签+下面紧挨着的那个标签")            - 找后面所有同级的               $("翔哥~女人")

三、jQuery筛选器

1.写在括号里面的

$(" :first")     #找第一个$(" :not('')")$(" :even")   #偶数 $(" :odd")    #奇数$(" :eq")     $(" :gt")$(" :last")$(" :focus")

 内容

$(":contains")$(" :empty")$(" :has('')")$(" :parent")  *****   区别于$("").parent()

 可见性

$(" :hidden)$(" :visible")

 属性

input[name]  --> 有name属性的inputinput[type='password']  --> 类型是password的input标签

表单

:input:password:checkbox:radio:submit:button:image:file

表单对象属性

:enable:disable:checked:selected

2.写在括号外面(当方法用的)

过滤

$("").first()$("").parent()$("").eq().hasClass()   查找是否有这个类,括号里面写的是类名,然后过滤出来

查找

查找元素.find()下一个元素.next().nextAll().nextUntil()                父亲元素                .parent().parents().parentsUntil()上一个元素                .prev().prevAll().prevUntil() 儿子和兄弟元素.children().siblings()

实例:左侧菜单

 

转载于:https://www.cnblogs.com/moning/p/7657913.html

你可能感兴趣的文章
面向对象
查看>>
lintcode83- Single Number II- midium
查看>>
移动端 响应式、自适应、适配 实现方法分析(和其他基础知识拓展)
查看>>
selenium-窗口切换
查看>>
使用vue的v-model自定义 checkbox组件
查看>>
[工具] Sublime Text 使用指南
查看>>
Hangfire在ASP.NET CORE中的简单实现方法
查看>>
Algorithm——何为算法?
查看>>
Web服务器的原理
查看>>
常用的107条Javascript
查看>>
#10015 灯泡(无向图连通性+二分)
查看>>
linux设备驱动归纳总结(三):1.字符型设备之设备申请【转】
查看>>
《黑客与画家》 读书笔记
查看>>
bzoj4407: 于神之怒加强版
查看>>
mysql统计一张表中条目个数的方法
查看>>
ArcGIS多面体(multipatch)解析——引
查看>>
css3渐变画斜线 demo
查看>>
JS性能DOM优化
查看>>
设计模式 单例模式 使用模板及智能指针
查看>>
HAL层三类函数及其作用
查看>>