01-jquery基本语法(代码片段)

lovepy3 lovepy3     2022-12-30     205

关键词:

一、jQuery基础

1.为什么要用jquery?
写起来简单,省事,开发效率高,兼容性好
2、什么是jQuery?
jQuery是一个兼容多浏览器的JavaScript库(类似python里面的模块)
3、如何使用jQuery?
1、导入 <script src="jquery-3.2.1.js"></script>
或者<script src="jquery-3.2.1.min.js"></script>
2、语法规则:$("")
4、JS和jQuery的区别?
jQuery就是用JS写的
js是基础,jQuery是工具
5、jQuery介绍
- 版本
- 1.x
兼容IE8。。。
- 3.x
最新
- .min.xx
压缩的:生产环境用
- 没有压缩的(没有.min.xx):开发用
6、 jQuery知识点
  html:裸体的人
  css:穿了衣服的人
   JS:让人动起来
7、选择器:
1、基本选择器
- ID选择器 $("#id的值")
- 类选择器(class) $(".class的值")
- 标签选择器(html标签) $("标签的名字")
- 所有标签 $("*")

- 组合选择器 $("xx,xxx")
2、层级选择器
- 从一个标签的子子孙孙去找 $("父亲 子子孙孙")
- 从一个标签的儿子里面找 $("父亲>儿子标签")
- 找紧挨着的标签 $("标签+下面紧挨着的那个标签")
- 找后面所有同级的 $("标签~兄弟")

8、jQuery对象:
- 用jQuery选择器查出来的就是jQuery对象
- jQuery对象,他就可以使用jQuery方法,不能使用DOM的方法

- DOM对象和jQuery对象转换:
- $(".c1")[0] --> DOM对象
- $(DOM对象)
9、筛选器
- 写在引号里面的
基本筛选器
  $(" :first") 找第一个
  $(" :not(‘‘)") 不是/非
  $("#i1>input":not(‘.c1,.c2‘))
  $(" :even") 偶数
  $(" :odd") 奇数
  $(" :eq(index)") 找等于index的
  $(" :gt(index)") 找大于index的
  $(" :lt(index)") 找小于index的
  $(" :last") 最后一个
  $(" :focus") 焦点
       内容==========
  $(" .c1:contains(‘我是第一个‘)") 包含文档的内容的标签
  $(" :empty") 标签内容为空的
  $(" :has(‘‘)") 包含标签的标签
  $(" :parent") 找有孩子的父亲
  $("#i7").parent() 找i7的父亲

可见性========
  $(" :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(index) 找等于index的
.hasClass() 判断有没有某个类的
查找
.children() 找孩子
.find() 查找
.next() 下面的
.nextAll() 下面所有的
.nextUntil() 找下面的直到找到某个标签为止

.parent() 找父亲
.parents() 找所有的父亲
.parentsUntil() 直到找到你要找的那个父亲为止

.prev() 上面的
.prevAll() 上面的所有
.prevUntil() 上面的直到找到某个标签为止

.siblings() 所有的兄弟

- toggleClass()  切换|开关:有就移除,没有就添加

- addClass("hide")  添加类

- removeClass("hide") 删除类  

技术分享图片

 

二.练习题

技术分享图片

 

markdownmarkdown基本语法(代码片段)

查看详情

markdownmatlab基本语法(代码片段)

查看详情

shrsync基本语法(代码片段)

查看详情

phpphp基本语法之类(代码片段)

查看详情

php基本的php语法(代码片段)

查看详情

markdownpythonnumpy矩阵数组操作基本语法(代码片段)

查看详情

kotlinkotlin的基本语法(代码片段)

本文目录kotlin学习-基本语法1.简介2.运行3.逻辑控制1.if条件语句2.when条件语句循环语句4.面向对象5.接口6.可见修饰符7.数据类8.单例类kotlin学习-基本语法1.简介对比java1.语法简洁,代码量少2.语法高级3.语言安全性。杜绝空指针... 查看详情

markdown[markdown基本语法]#学习笔记(代码片段)

查看详情

actionscript3基本开关...案例语法(代码片段)

查看详情

markdown[kotlin基本语法]#kotlin(代码片段)

查看详情

day01jquery节点操作(代码片段)

jQuery常用技术1.jQuery获取元素2.jQuery与js对象转换3.jQuery中的遍历方式4.jQuery中的事件绑定1.jQuery介绍1.1jQuery概述在JavaScript的使用过程中,存在很多问题,例如:兼容问题(咱不考虑),元素获取方式单一(只能用基本的... 查看详情

msyql基本语法(代码片段)

MySQLsql语句基本语法resetpassword UPDATEuserSETPassword=password(‘string‘)WHEREHost=‘host_name‘;  DCL GRANT SHOWGRANTS; 查看登录账号的权限 SHOWGRANTSFOR‘U_name‘@‘H_name‘; 查看指定用户的权限 GRANTpri*ON‘DB_name.TB_name‘TO‘U 查看详情

jquery代码解释(基本语法)(代码片段)

html中jquery的以下用法求解:varheader=;header.ajaxCallComplete=false;header.login=false;header.accName=‘‘;header.domain=‘‘;header.setting=afterClickSignin:null,afterInitial:null;。。。。。。header.initial=functi 查看详情

markdown最基本语法(代码片段)

MarkDown基本语法标题3级标题4级标题字体前后一个星号的Helloworld!!前后两个星号的Helloworld!!前后三个星号的Helloworld!!前后两个小波浪Helloworld!!引用大于号空格后跟引用的内容分割线图片超链接点击跳转百度首页列表ABCA... 查看详情

matlab基本语法(代码片段)

MATLAB基本语法点乘运算,常与其他运算符点乘运算,常与其他运算符联合使用(如.\\)矩阵生成矩阵生成向量生成或子阵提取本节将会介绍一些MATLAB的基本语法的使用。持续更新。。。 在MATLAB环境下进行的操作就像是使用一个超... 查看详情

基本语法(代码片段)

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><linkrel="stylesheet"href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">//导入css包<head><body>组件什么的< 查看详情

dgraph基本查询语法一(代码片段)

dgraph的查询语法是在graphql上的扩展,添加了新的支持,同时官方提供了一个学习的网站https://tour.dgraph.io/基本环境(cluster模式的)参考github项目https://github.com/rongfengliang/dgraph-docker-compose-deploygitclonehttps://github.com/rongfengliang/dg 查看详情

xml基本概念和语法(代码片段)

...格,html语法松散xml是存储数据的,html是展示数据语法:基本语法:xml文档的后缀名.xmlxml第一行必须定义为文档声明xml文档中有且仅有一个根标签属性值必须使用引号(单双都可) 查看详情