分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

jquery初始

发布时间:2023-09-06 01:24责任编辑:胡小海关键词:暂无标签

今天我们来学习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() ?

实例:左侧菜单

jquery初始

原文地址:http://www.cnblogs.com/moning/p/7657913.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved