JQuery:js类库
2个版本:
jquery-3.4.1.min.js 压缩版,发布版
jquery-3.4.1.js 开发版
$(document).ready(function(){}):初始化函数
HTML结构加载完成后执行这个函数
//简化写法
$(function(){...具体代码});
$代表了JQuery
dom对象只适用于js的语法,jquery对象只适用于jQuery语法。
dom对象和jquery对象的转换。
dom 转 jquery 对象 : $(dom对象)
jquery 转 dom 对象:jquery对象默认是一个数组或集合,dom 默认是一个单独的元素
数组:jquery对象[0]
集合:jquery对象.get(0)
$(title[0].innerHTML)
-jquery选择器:
标签选择器:
$("标签名") $("p")
类选择器:
$(".class值")
id选择器:
$("#id值")
并集选择器:
$(".class值,#id值")
交集选择器:
$("p.num"):选择即是p标签,并且class类的值是num
全局选择器:
$("*") 选中全部的元素
层次选择器:
事件:
jquery:方法名前没有on。 js有on
在ready内部写:
ready(function(){
$("选择器").事件
})
键盘事件
鼠标事件
Window事件
表单事件:focus()获取焦点 、blur()失去焦点
绑定事件与移除事件: $(...).click(function(){...})
$(...).bind("事件名",funtion(){...})
实例:$("#id").bind("click",funtion(){...})
$(...).bind({"事件名":function(),"事件名":function()})
实例:$(...).bind({"click":functino(){...},"down":function(){...}})
复合事件:
hover(f1,f2):切换用mouseover和mouseout
实例:$(...).hover(function(){},function(){})