jQuery的基础知识----firstday

1.基础知识

jQuery是js的库,能够帮助我们轻松实现一些原本比较麻烦的功能
jQuery每个版本分为两个小版本:压缩版与未压缩版,压缩版文件较小,但是没有排版和注释,不便于阅;未压缩版文件较大,有排版和注释,便于阅读
jQuery实际上也就是一个js’文件,加载到页面就可以直接使用。
在这里插入图片描述
也可以通过CDN(Content Distrubute Net)来引用jQuery
$(选择器)action()
$定义了这是一个jQuery·的代码
选择器:按照一定规则选择DOM元素,于css选择器非常类似
在这里插入图片描述
jQuery可以极大的简化程序员的工作

2.选择器

基本选择器:(1)id选择器KaTeX parse error: Expected 'EOF', got '#' at position 3: (“#̲idname”) (2)类选择…(“.className”)
(3)元素选择器 ( “ T a g N a m e ” ) ( 4 ) 选 择 所 有 元 素 (“TagName”) (4)选择所有元素 TagName4(“*”)
(5)选择器分组 ( “ 选 择 器 1 , 选 择 器 2 , 选 择 器 N ” ) 层 次 选 择 器 : ( 1 ) 后 代 元 素 (“选择器1,选择器2,选择器N”) 层次选择器: (1)后代元素 12N1(“祖先元素 后代元素”)
(2)子元素 ( “ 父 元 素 > 子 元 素 ” ) ( 3 ) 下 一 个 兄 弟 元 素 (“父元素>子元素”) (3)下一个兄弟元素 >3(“前一个+后一个”)
(4)下面所有兄弟元素$(“前一个—后边所有”)
过滤选择器
参见JQueryAP
选择p标签的第一个
在这里插入图片描述
选择所有具有name属性的标签
在这里插入图片描述选择name属性等于#的标签
在这里插入图片描述

3.事件

什么是事件
页面对不同访问者的相应交做事件
事件处理程序指的是当HTML中发生某些事件时所调用的方法
常见DOM事件
鼠标事件
Click:单击事件
Dblclick:双击事件
Mouseseenter:鼠标移入
Mouseleave:鼠标移出
Hover:鼠标悬停事件
Keypress:键盘编码
Keydown:按下
Keyup:抬起
表单事件:
Submit:表单提交事件
Change:表单改变事件
Focus:获取焦点事件
Blur:失去焦点
窗口/文档事件
Load:加载完触发
Resize:调整窗口触发
Unload:加载完触发
Resize:调整窗口大小触发
Scroll:滚动窗口触发
Unload:关闭窗口触发

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
看完“最全面的jQuery基础知识”文件包,你就能详细了解jQuery的代码规则。 文件包更是你进行jQuery开发的参考手册。 文件包内实例丰富,将其拷贝到单独的html文件中即可执行。 文件包包含一个模板文件:template.html,创建新文件时只需复制一份即可使用。 文件包自带jquery-1.11.1,包括源码版:jquery-1.11.1.js、压缩版:jquery-1.11.1.min.js 文档风格:jQuery代码之后紧跟HTML代码,实用、方便,使用Editplus找开文档,注释和代码清晰分类,一目了然。 查找内容也非常方便,在查找框中输入“//hide”或“//show”即可快速定位到你要查找的关键字的代码 “最全面的jQuery基础知识”文档包括以下内容: jQuery元素属性、jQuery元素内容、jQuery动态创建内容、jQuery删除节点、jQuery事件处理、jQuery文档就绪的四种写法、jQuery事件绑定和解除绑定、jQuery事件切换、jQuery实现toggle功能、jQuery插件、jQuery插件实用网址、jQuery插件使用实例、jQuery插件开发、jQuery对象级别的插件开发、jQuery类级别的插件开发、jQuery插件文件的引用、jQuery插件的使用 jQuery选择器: 一、基本选择器 二、层次选择器 三、过滤选择器 四、表单选择器 jQuery过滤选择器,以冒号:开头 1、基本过滤选择器 2、内容过滤选择器 3、可见性过滤选择器 4、属性过滤选择器 5、子元素过滤选择器 6、表单对象属性过滤选择器 //不用加双引号的选择器 $(document) $(this)

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值