jQuery--引入,基本语法,以及常用事件
一、初识jQuery
jQuery是一个JavaScript函数库。主要包含的功能有:HTML元素的选取、操作,CSS操作,HTML事件函数,JavaScript特效和动画,HTML DOM遍历和修改,AJAX,Utilities。
二、引入jQuery
向网页中添加jQuery有两种方式(1):从jQuery官网下载jQuery库,然后在网页中引入。(2):从CDN中载入jQuery,常用的有百度和新浪的库,链接如:http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js,当然还有很多其他的静态库,可以直接查询百度静态资源公共库,找自己需要的。或者谷歌和微软的库,链接如:< script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">< /script>。看自己需要吧,一般来说,使用CDN比较高速、全面。好像国内百度和新浪好一点,毕竟FQ什么的还是很麻烦的。
三、关于jQuery版本
当然越新兼容越好了啦,毕竟是在不断修复bug的过程,但是1系列兼容ie678,而2系列只是从ie9开始兼容的。其他浏览器兼容差不多。ie好烦人。。
四、基本语法
$(selector).action(); jQuery选择器+动作。简单直接。
五、选择器和事件
jQuery选择器:在API中有很多的Selector,常用的有:id,class,p。
jQuery事件主要有以下几个分类:
(1)常用事件方法:click,dbclick,mouseenter,mouseleave等
(2)绑定事件:主要是bind(),语法结构是.bind( eventType [, eventData ], handler )
(3)解除绑定事件:unbind()
(4)事件的目标:bind目标包括父级,currentTarget和Target
(5)事件的冒泡:用event.stopPropagation()方法可以阻止事件冒泡
(6)自定义事件:var e=jQuery.Event("myevent");
六、jQuery HTML的捕获,设置,添加元素,删除元素
(1)jQuery捕获 text,html,val,attr("")等
(2)jQuery设置
(3)jQuery添加元素 append,prepend,before,after.分为3类html,jQuery,DOM.
(4)jQuery删除元素 remove ,empty.
jQuery--引入,基本语法,以及常用事件的更多相关文章
- 【jQuery】(4)---jQuery常用事件
[jQuery入门](4)---jQuery常用事件 一.常用事件列表 1.blur() 当失去焦点时触发.包括鼠标点击离开和TAB键离开. 2.change() 当元素获取焦点后,值改变失去焦点事触 ...
- 测开之路一百:jquery引用、语法、事件
工作中一般会使用jquery代替js,jquery官网:https://jquery.com/ 引用jquery: 第一种方式:下载引用: jquery下载官网:https://jquery.com/ ...
- jQuery常用事件
1.$(document).ready() $(document).ready()是jQuery中响应JavaScript内置的onload事件并执行任务的一种典型方式.它和onload具有类似的效果 ...
- 基础5.jQuery常用事件
jQuery常用事件 1.bind() 方法 :为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数. 2.blur() 方法:当元素失去焦点时发生 blur 事件. 3.change() ...
- jQuery常用事件及扩展
jquery中的常用事件 blur([[data],fn]) --失去焦点触发(鼠标)focus([[data],fn]) --得到焦点触发(鼠标)change([[data],fn]) - ...
- jquery常用事件——幕布
jquery常用事件:https://mubu.com/doc/yIEfCgCxy0
- jQuery常用事件,each循环,引用当前时间
jQuery常用事件,each循环,引用当前时间 1.常用事件 click(function(){...}) #点击时触发hover(function(){...}) #鼠标移到时就触发blur(fu ...
- jQuery学习之旅 Item8 DOM事件操作
1.jquery页面载入事件 1.传统加载事件 <body onload="函数名()"> 页面全部html和css代码加载完成之后再调用指定的onload函数 win ...
- jquery属性操作,应用,事件,扩展extend,动画效果(二)
一.相关知识点总结1.CSS .css() - .css("color") -> 获取color css值 - .css("color", & ...
随机推荐
- (java) Merge k sorted linked lists and return it as one sorted list. Analyze and describe its complexity.
/** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * Lis ...
- lost connection to mysql server reading initial communication packet
- 常用Dos命令笔记
0x00 磁盘FAT32格式转NTFS convert e: /fs:ntfs Tips: 语法规则: Converts a FAT volume to NTFS. CONVERT volume /F ...
- 自定义使用S缓存方法
<?php $info=S("name","lizhaoyao"); $name=S("name"); var_dump($name) ...
- c#基础语言编程-程序集和反射
程序集 什么是程序集? 1.程序集(assembly)是一个及一个以上托管模块,以及一些资源文件的逻辑组合. 2.程序集是组件复用,以及实施安全策略和版本策略的最小单位. 3.程序集是包含一个或者多个 ...
- 【Android - 框架】之GreenDao的使用
上一篇博客([Android - 框架]之ORMLite的使用)中介绍了ORMLite的基本使用,今天我们来研究以下GreenDao的使用. GreenDao和ORMLite一样,都是基于ORM(Ob ...
- iOS开发总结-搜索功能实现--使用SKTag
TagsTableViewController.h 文件 #import <UIKit/UIKit.h> #import "personSearch.h" @inter ...
- 未能正确加载“visual C++ package”包
早上打开360要卸载软件,跳出说系统修复,习惯性的点击修复,结果修复后发现打开vs2012提示“未能正确加载“visual C++ package”包……..”, 重启也一样,google了下,是因为 ...
- Qt 学习之路:坐标系统
在经历过实际操作,以及前面一节中我们见到的那个translate()函数之后,我们可以详细了解下 Qt 的坐标系统了.泛泛而谈坐标系统,有时候会觉得枯燥无味,难以理解,好在现在我们已经有了基础. 坐标 ...
- Java语言基础(三)
Java语言基础(三) 一. 补码 (1).之所以有补码是因为要考虑成本 就是造计算机的成本 (2).下面让我们分析一下补码 以四位补码为例 <1> 高位是符号位,它决定其是正数还是 ...