jQuery_01选择器
一.jQuery是什么？
1.是js的类库（封装了很多的函数）
2.市场上有很多封装了js的插件，jQuery只是其中一个。
二.学习jQuery的用处
1.查看官方jQueryLOGO：write less，do more
2.为了简化javascript开发：选择器、CSS、HTML事件处理、js动画、浏览器兼容、丰富插件
jQuery在哪些情况下用？
1.中大型网站开发
2.一些前端框架的基础，比如EasyUI
三.如何使用
1.下载jQuery库：
①开发版本：jquery-3.3.1.js
②生产版本：jquery-3.3.1.min.js
2.将js文件复制到项目中
3.使用即可
四.选择器
1.基本选择器
所有选择器 *
标签选择器 标签名
ID选择器 #id
类选择器 .className
群组选择器 .one,.two 多个选择器使用都好分隔，取并集
复合选择器 .one.two 多个选择器组合使用，取交集
2.层次选择器
后代选择器 .a .b
两个选择器使用空格隔开，表示可以获取当前元素的子代以及孙子代等等后代元素。
子代选择器 .a>.b
两个选择器使用>隔开，表示只能获取当前选中元素的子代元素。
3.过滤选择器
selector:first 获取所有已选择到的元素中的第一个元素
selector:last 获取所有已选择到的元素中的最后一个元素
selector:even 获取所有已选择到的元素中的索引为偶数的元素
selector:odd 获取所有已选择到的元素中的索引为奇数的元素
selector:eq(index) 获取所有已选择到的元素中的索引为index的元素
selector:lt(num) 获取所有已选择到的元素中的索引值小于num的元素
selector:gt(num) 获取所有已选择到的元素中的索引值大于num的元素
selector1:not(selector2) 获取所有已选择到的元素中的除了selector2的元素
selector:header 获取所有已选择到的元素中的标题元素(h1~h6)
获取页面上的标签
document.getElementById();jQuery
$("选择器")
例如： 如何用jQuery去获取文本框的值?
document.getElementById().value;$("选择器").val();
jQuery的核心就是封装了js的模块 以函数的形式
js的window.onload在jQuery里如何表示?
js：window.onloadjQuery: $(function(){});jQuery里如何动态设置样式css的? 单个属性和多个属性的区别?
oDiv.style.width = "100px";
oDiv.style.height = "100px";$("#oDiv").css("width","100px");对象的定义语法
var stu = {};$("#oDiv").css({"width":"100px","":""});五.思维导图
推荐自学网址：
1.http://tool.oschina.net/apidocs（在线API文档）
2.http://www.w3school.com.cn/(w3school 在线教程)
推荐使用浏览器：谷歌
推荐使用开发工具：HBuilder
jQuery_01选择器相关推荐
- jQuery_01入门
jQuery_01入门 一.了解什么是jQuery 1.解释: j:javascript Query: 查询 2.jQuery是JavaScript的类库:封装了很多JS代码 3.官方地址:jQ ...
- CSS 选择器：BeautifulSoup4解析器
和 lxml 一样,Beautiful Soup 也是一个HTML/XML的解析器,主要的功能也是如何解析和提取 HTML/XML 数据. lxml 只会局部遍历,而Beautiful Soup 是基 ...
- xpath选择器简介及如何使用
xpath选择器简介及如何使用 一.总结 一句话总结:XPath 的全称是 XML Path Language,即 XML 路径语言,它是一种在结构化文档(比如 XML 和 HTML 文档)中定位信息 ...
- css选择器及float(浮动)
--------------------------选择器( css有就近原则)------------------------------- 选择器名称 在css表的 ...
- html5类选择器选择权重,Python Html5和CSS3的新增功能：CSS权重与CSS3新增选择器
一.CSS权重概念 CSS权重概念:指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式. 二.权重的等级 2.1.权重的等级划分 ...
- 浅谈对html css的理解,HTML+CSS入门 CSS选择器 、属性和值浅谈
body { font-size: 0.8em; color: navy; } 上面的意思是为body选择器设置font-size字体大小和color字体颜色. 所以基本的,当它作用与HTML页面时, ...
- php表单偶数变颜色,利用CSS3 nth-child()选择器 实现表格奇偶行变色
nth-child()简介 CSS3的nth-child() 选择器,我之前很少用,在做表格偶数行变色的时候,我通常在绑定的时候,做一个js判断,来加一个css,从而使表格偶数行和奇数行颜色不一样.这 ...
- FPGA（3）验证数字逻辑（与门、与非门、二选一数据选择器、2-4译码器、半加器、全加器）
目录 一.验证与门 二.验证与非门 三.验证二选一数据选择器 四.验证2-4译码器 五.验证半加器 六.验证全加器 0.初始化定义 1.第一个半加器 2.第二个半加器 3.得到最终进位Co 代码 0决 ...
- 【代码笔记】Web-CSS-CSS id和Class选择器
一,效果图. 二,代码. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
最新文章
- Windows7中Prefetch预读文件技术详解
- MySQL实战课程---通过录像手把手带您学会当前互联网流行架构
- 会计期间的开关(T-code:OB52)
- ubuntu16.04安装，使用redis布隆过滤器示例
- java调用el_[Java教程][javaEE] EL表达式调用java方法
- UI实用素材|电商购物类APP界面设计原则！
- elasticsearch集群部署
- Firefox 的使用（firefox 拓展应用程序）
- jni数组使用(二）
- Python调用执行Linux系统命令（四种方法）
- 版本控制系统（vcs）Git
- 我的VSTO之路(三)：Word基本知识
- php和jsp和asp的区别,php asp jsp 三者的区别是什么
- js实现酷炫倒计时动画效果
- python--log日志的写法和介绍
- VR全景制作拍摄方法教程
- GBase 8s灾备集群HAC (四) 异地灾备RSS
- Linux·UART协议
- 计算机软考初级含金量高吗？
- 理解线性回归中的常数项