当前位置:
首页 > temp > JavaScript教程 >
-
jquery 基础教程[温故而知新二]
v写在前面
如果十八般武艺都融会贯通,如果什么兵器你都耍得有模有样,那么这篇博文你大可以跳过了。只是在忘记的时候,可以拿出来温习温习。
回到顶部
v基本概念
JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。
简单点一句话概括: Jquery不是一门独立的语言,是javascript的一个类库或框架
回到顶部
v各种选择器
1.基本选择器:
- $("div")标记选择器
- $(".div")类别选择器
- $("#div")id选择器
- $("*")通用选择器
- $("div,.nav,#box")组合选择器
2.层次选择器:
- $("div p")后代选择器 div里面所有的p
- $("div>p")子选择器 div里面的下一级p
- $("div+p")兄弟选择器 下一个兄弟元素,div后面的p
- $("div~p")div后面所有的兄弟元素,div后面所有的p
3.简单选择器:
- $("div:first")找到第一个div
- $("div:last")找到最后一个div
- $("div:eq(index)")找到索引位置的div
4.内容选择器:
- $("div:contains(文本内容)")找到包含文本内容的div
5.可见性选择器:
- $("div:visible")找到所有显示的div元素
- $("div:hidden")找到所有隐藏的div元素
6.属性选择器:
- $("div[align]")具有align这个属性的div
- $("div[align=right]")具有align这个属性且属性值是right的div
7.表单选择器:
- $("div:input")找到div内所有的表单元素
- $("div:checkbox")找到div内所有的复选框
- $("div:radio")找到div内所有的表单选框
- $("div:password")找到div内所有的密码框
- $("div:text")找到div内所有的文本框
- $("div:selected")找到div内所有被选中的下拉列表框
回到顶部
v过滤选择
- first()找到第一个元素
- last()找到最后一个元素
- eq()找到索引值的元素
- filter("条件")筛选
- find()查找后代元素 =$("div p")
- next()下一个兄弟元素 =$("div+p")
- nextAll()后面所有的兄弟元素 =$("div~p")
- prev()前一个元素
- parent()父元素
- not()除了...之外的
回到顶部
vJquery操作
1.操作属性:
- 对象.attr("属性名") 获取属性的值
- 对象.attr("属性名","属性值") 设置属性的值 ps:值得一提的是对于部分(radion等)表单元素设置属性值使用prop
- 对象.removeAttr("属性名") 移除属性
2.操作样式:
- addClass()添加样式
- removeClass()删除样式
- toggleClass()切换样式
- 对象.css({"属性名":"属性值","属性名":"属性值"})
3.操作内容:
- html()获取/改变非表单元素的其他标签的内容
- text()获取/改变非表单元素的其他标签的文本内容
- val()获取/改变表单元素的value值
4.操作宽高:
- width()获取/改变元素的宽
- height()获取/改变元素的高
5.Jquery事件:
js的事件去掉on就是jquery的事件
回到顶部
vJquery DOM
1.DOM操作:
- $("父对象").append("子对象")在父对象里向后追加子对象
- $("父对象").prepend("子对象")在父对象里向前追加子对象
- $("父对象").before("子对象")在父对象前面添加子对象
- $("父对象").after("子对象")在父对象后面添加子对象
回到顶部
vJquery 其它
1.位置:
- length() 获取元素的个数/长度
- size()获取元素的个数/长度
- index()获取同辈元素的索引位置,返回值是数值,从0开始
- get()获取索引位置的元素,将jq的对象转成js对象
回到顶部
v博客总结
关于jquery 入门教程就写到这里,只是为了希望帮助到一些入门的朋友,或者一些像我这样健忘的人朋友恢复记忆。
作 者:请叫我头头哥
出 处:http://www.cnblogs.com/toutou/
栏目列表
最新更新
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀(爬取学校通知公告)
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求:requests模块基础使用必知必会
Python初学者友好丨详解参数传递类型
如何有效管理爬虫流量?
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析:SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL,这些神奇的特性你知道吗?
openGauss内核分析:执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
SQL Server -- 解决存储过程传入参数作为s
关于JS定时器的整理
JS中使用Promise.all控制所有的异步请求都完
js中字符串的方法
import-local执行流程与node模块路径解析流程
检测数据类型的四种方法
js中数组的方法,32种方法
前端操作方法
数据类型
window.localStorage.setItem 和 localStorage.setIte
如何完美解决前端数字计算精度丢失与数