jquery知识点复习
一、 基本概念
- jQuery简介
jQuery是一个基于javascript的框架。它提供了丰富的选择器和大量的函数,可以方便的实现网页中各种动态的效果。迄今为止,已经有大量的jquery插件和基于jQuery的UI框架(miniui、easyui、ligerui)。
jQuery的宗旨是:write less,do more!
- 文档加载完毕函数
常规形式:$(document).ready(function(){… …});
简写形式:$(function(){… …});
- jquery对象和js对象的相互转化
jquery对象不等同于js对象!
js对象的属性和方法,jquery对象不能调用;jquery对象的属性和方法,js对象也不能调用。
js转jquery:$(js对象)
jquery转js:$(“#box1”).get(0) 或者 $(“.box”)[0]
二、 选择器
jquery的基石就是选择,jquery提供了大量的选择器。建议在不同的业务场景下使用不同的选择器。
注意:通过任何一个选择器筛选到的结果都是一个数组,所以要判断通过选择器是否筛选到了元素,可以通过length属性进行判断。
- 基本选择器
n ID选择器
$(“#ID值”) 例如:$(“#txt1”)
n 类选择器
$(“.class名称”) 例如:$(“.box”)
n 标记选择器
$(“tagName”) 例如:$(“div”)
n 组合选择器
$(“selector1,selector2,selector3”) 例如:$(“.box,#txt1,div”)
n 通配符选择器
$(“*”)
- 层次选择器
n 父子选择器
$(“selector1 > selector2”)
n 祖先后代选择器
$(“selector1 selector2”)
n 后兄弟选择器
$(“selector1~siblings”)
n 相邻的后兄弟选择器
$(“selector1 + selector2”)
- 基本过滤选择器
n :first :筛选第一个元素
n :last :筛选最后一个元素
n :odd :筛选索引值为奇数的元素
n :even :筛选索引值为偶数的元素
n :eq(n) :筛选索引值等于n的元素
n :gt(n) :筛选索引值大于n的元素
n :lt(n) :筛选索引值小于n的元素
n :not(selector) :筛选排除selector以外的元素
- 内容过滤选择器
n :contains(text) :筛选文本内容包含text的元素
n :empty :筛选不包含任何子元素和文本内容的元素
n :parent :筛选包含子孙元素或文本内容的元素
- 可见性过滤选择器
n :visible :筛选可见元素
n :hidden :筛选不可见元素
- 属性过滤选择器
n [attr] :筛选存在attr属性的元素
n [attr=value] :筛选attr属性值等于value的元素
n [attr!=value] :筛选attr属性值不等于value的元素
n [attr^=value] :筛选attr属性值以value开头的元素
n [attr$=value] :筛选attr属性值以value结尾的元素
n [attr*=value] :筛选attr属性值包含value的元素
- 表单属性选择器
n :checked :筛选选中状态的单选按钮和复选框
n :selected :筛选选中的下拉列表项
n :enabled :筛选可用的表单元素
n :disabled :筛选不可用的表单元素
- 表单对象选择器
n :text :筛选单行文本框
n :button :筛选按钮元素
n :submit :筛选提交按钮
n :password :筛选密码框
n :radio :筛选单选按钮
n :checkbox :筛选复选框
n :file :筛选文件域
n :image :筛选图片
一、 筛选函数
n parent() :获取父元素
n children() :获取子元素
n next() :获取相邻的后兄弟元素
n nextAll() :获取所有的后兄弟元素
n prev() :获取相邻的前兄弟元素
n prevAll() :获取所有的前兄弟元素
n find() :从子孙后代元素中查找满足条件的子孙元素(过滤后的是这组元素的子孙元素)
n filter() :从一组元素中筛选满足条件的元素(过滤后的是这一组元素中的部分元素)
n first() :获取第一个元素
n last() :获取最后一个元素
n siblings() :获取所有的同辈元素
n not() :排除指定的元素
n index() :获取一个元素在一组元素中的索引值
n eq(n) :获取索引值等于n的元素
二、 样式操作
n css(“css属性”) :获取css属性的值
n css(“css属性”, “值”) :给css属性赋值
n css({“css属性1”:“值”, “css属性2”:”值”}) :通过给多个css属性赋值
n addClass :添加class样式
n removeClass :移除class样式
n toggleClass :切换class样式
n hasClass :判断是否拥有class样式,有返回true,否则返回false
三、 属性操作
n attr(“属性名”) :获取属性的值
n attr(“属性名”, “值”) :给属性赋值
四、 DOM操作
n append() :追加子元素(最后一个子元素)
n prepend() :添加子元素(第一个子元素)
n remove() :移除元素
n empty() :清除所有的子孙元素
n after() :添加一个后兄弟元素
n before :添加一个前兄弟元素
五、 事件
- 事件的类型
load、click、dblclick、focus、blur、change、mouseover、mouseout、mousemove、mouseenter、mouseleave、keyup、keydown、keypress、scroll、resize
- 事件函数
n bind :为事件绑定函数
$(“#button1”).bind(“click”, function(){… …})
n unbind :解除绑定的事件
$(“#button1”).unbind(“click”);
n click(function(){}) :为事件绑定函数的另一种写法
$(“#button1”).click(function(){… …});
n click() :触发或模拟单击事件
- 事件参数
$(“#button1”).click(function(event){
event.target:获取触发当前事件的元素
event.source:
event.which:获取对应的键盘按键值和鼠标按键值
event. preventDefault():阻止浏览器默认行为
event. stopPropagation():阻止事件冒泡
});
一、 动画
n show([slow|normal|fast]|毫秒数):让元素显示
n hide([slow|normal|fast]|毫秒数):隐藏元素
n toggle([slow|normal|fast]|毫秒数):切换元素的显隐状态
n slideUp():让元素隐藏(高度逐渐变为0)
n slideDown():让元素显示(高度从0逐渐恢复到原始高度)
n slideToggle():切换元素的显隐状态(改变的是高度)
n fadeIn():让元素显示(透明度逐渐变为不透明)
n fadeOut():让元素隐藏(改变透明度逐渐变为透明)
n fadeToggle():切换元素的显隐状态(改变透明度)
n animate():自定义动画
$(“#box1”).animate({width:”+=50px”, height:”200px”}, 1000)
二、 其他函数
n height()、height(val)
n width()、width(val)
n val(value)、val()
n text(value)、text()
n html(value)、html()
上述函数有参数表示赋值,没有参数表示获取值。
jquery知识点复习的更多相关文章
- Spring知识点复习
Spring知识点复习 一.专业术语 侵入式设计 引入框架,对现有的类的结构有影响,即需要实现或继承某些特定类.如:Struts框架 非侵入式设计 引入框架,对现有的类结构没有影响.如:Hiberna ...
- Hybrid App 应用开发中 9 个必备知识点复习(WebView / 调试 等)
前言 我们大前端团队内部 ?每周一练 的知识复习计划继续加油,本篇文章是 <Hybrid APP 混合应用专题> 主题的第二期和第三期的合集. 这一期共整理了 10 个问题,和相应的参考答 ...
- python类,魔术方法等学习&&部分ssti常见操作知识点复习加深
python类学习&&部分ssti常见操作知识点复习加深 在做ssti的模块注入的时候经常觉得自己python基础的薄弱,来学习一下,其实还是要多练习多背. 在python中所有类默认 ...
- C语言知识点复习梳理
C语言知识点复习梳理 C语言的知识点讲完了,接下来就是做一下整理与总结,然后就会进入其他知识的学习. 本文目录如下: 基础知识. 顺序程序设计. 数据类型. 标准输入输出. 进制转换. 选择结构. 循 ...
- jQuery知识点总结(第二天)
今天继续从我的笔记上面搬运.我们不产生知识,只是知识的搬运工. 内容过滤选择器: ○ 内容选择过滤器 $("div ...
- jQuery知识点总结(第一天)
整理笔记前的题外话: 我认为互联网的高速发展其中最为主要的一点就是——开源. 开源精神,使得无数的IT爱好者贡献所学,将自己的智慧结晶无偿奉献给大家.后辈的学习者在混沌的互联网世界里,追寻着前辈们留下 ...
- 一周一话题之四(JavaScript、Dom、jQuery全面复习总结<jQuery篇>)
-->目录导航 一. 初探Jquery 1. 介绍 2. 基础 二. Jquery操作 1. jQuery页面加载 2. 选择器 3. 操作Dom 三. Jquery进阶 1. 隐式迭代与链式编 ...
- JSOI2020备考知识点复习
我太菜了qaq,我好爱咕咕咕啊 在NOIP2018爆炸后,我只能指望着在JSOI2019JSOI2020上咸鱼翻身(flag*1) 所以,我要开始复习学习(flag*2) 此博客文会不定时更新qaq( ...
- Asp.Net 之Jquery知识点运用
1.先把要用的body内的代码写好. <div id="ulBox"> <h3>下面的Ulid为"ulList1"</h3> ...
随机推荐
- ADO.NET 数据库操作类
操作数据类 避免代码重用.造对象太多.不能分工开发 利用面向对象的方法,把数据访问的方式优化一下,利用封装类 一般封装成三个类: 1.数据连接类 提供数据连接对象 需要引用命名空间: using ...
- Quartz_理解1
一.引言 quratz是目前最为成熟,使用最广泛的java任务调度框架,功能强大配置灵活.在企业应用中占重要地位.quratz在集群环境中的使用方式是每个企业级系统都要考虑的问题.早在2006年,在I ...
- react native 运行项目下载gradle慢的解决办法
react-native run-android 慢 React-native run-Android中需要下载https://services.gradle.org/distributions/gr ...
- java 多线程安全问题-同步代码块
/* 多线程的安全问题: while(true) { if(tick>0) { //线程0,1,2,3在余票为1时,都停滞在这里,之后分别获得CPU执行权,打印出0,-1,-2等错票 Syste ...
- TFS应用经验-大型项目数据仓库抽取导致的TFS应用无法访问
在超过千人使用的TFS生产环境中,每天周期性出现无法正常查看工作项白板.无法签入代码.无法进行自动化构建.无法进行报表数据的查看等情况,真是一个让人焦灼的问题.作为TFS平台支持和运维的团队,也想进了 ...
- Java 文件句柄泄露问题解决小记
维护 WebIDE 免不了要管理很多的文件, 自从我们线上系统增加了资源回收功能,便一直受一个问题困扰:后台线程解绑目录时偶尔报错,看症状因为是某些文件被占用了,目录不能解绑.但是由于系统中很多地方都 ...
- LNMP系统服务搭建过程详解
和LAMP不同的是LNMP中的N指的是Nginx(类似于Apache的一种web服务软件)其他都一样.目前这种环境应用的也是非常之多.Nginx设计的初衷是提供一种快速高效多并发的web服务软件.在静 ...
- 做一款直播类app
ijkplayer 是一款做视频直播的框架, 基于ffmpeg, 支持 Android 和 iOS, 网上也有很多集成说明, 但是个人觉得还是不够详细, 在这里详细的讲一下在 iOS 中如何集成ijk ...
- MSSQL数据批量插入优化详细
序言 现在有一个需求是将10w条数据插入到MSSQL数据库中,表结构如下,你会怎么做,你感觉插入10W条数据插入到MSSQL如下的表中需要多久呢? 或者你的批量数据是如何插入的呢?我今天就此问题做个探 ...
- 解决Ubuntu不能连接xshell
首先,判断Ubuntu是否安装了ssh服务: 1.ps -e |grep ssh 如果服务已经启动,则可以同时看到“ssh-agent”和“sshd”,否则表示没有安装服务,或没有开机启动 2.安装s ...