jQuery01--入门&选择器

jQuer入门:

一,3W1H 

二,jQuery选择器

3W:what?是什么 why?为什么要学习? where?哪些清况可以用?

1H:How?怎么样

What:Query是JavaScript的库,就是在里面封装了很多的Js代码 jQuery(90%)、ExtJs

why: 为了 简化JavaScript的开发

where:中大型网站开发,一些前端框架的基础,比如EasyUl,Bootstrap

How:工具:Hbuilder 使用步骤:①下载jQuery库 ②引入:将js文件复制到项目中 ③:使用

jQuery选择器:

  1. 基本选择器
  2. 层次选择器
  3. 过滤选择器
  4. 表单选择器

基本选择器(常用选择器)

ID选择器:#ID

类选择器:.class

元素选择器:element

通配符:*

多个选择器(并集):selector1,selector2

多个选择器(交集):selector1 selector2


层次选择器

查找所有元素,查询子元素


过滤选择器

参考jQuery文档

获取第一个元素:first

最后一个元素:last

获取偶数下标的元素:even

获取奇数下标的元素:odd

获取某一范围元素:--:gt大于    --:lt小于


 表单选择器

参考jQuery文档

获取单选框的值: --:enabled

HTML代码:

$("input:enabled")

 获取复选框的值

jQuery代码

$("input:checked")

获取下拉框的值

jQuery代码

$("select option:selected")