jQuery基础-day1

jQuery：

是JavaScript和查询Query，辅助JS开发的js类库

$是jQuery的核心函数，能完成jQuery的很多功能

传入参数为函数时，表示页面加载完成之后，相当于window.onload = function(){}

传入参数为html字符串时，会对我们创建这个Html标签对象

传入参数为选择器字符串时：
$("#id属性值") id选择器，根据id查询标签对象
$(“标签名”) 标签名选择器,根据指定的标签名查询标签对象
$(".class属性值") 类型选择器，可以根据class属性值查询标签对象

传入参数为DOM对象时，会把这个DOM对象转换成jQuery对象

DOM对象alert出来的效果是[object HTML 标签名 Element]

jQuery对象alert出来的效果是[object Object]

jQuery对象的本质：

jQuery对象是dom对象的数组+jQuery提供的一系列功能函数

jQuery对象和DOM对象使用区别：
不能使用对方的属性和方法

jQuery对象和DOM对象的互转：

dom对象转换成jQuery对象
1.先有DOM对象
2.$（DOM对象）就可以转换成jQuery对象

2.jQuery转为DOM对象
1.先有jQuery对象
2.jQuery对象[下标]取出相应的DOM对象

$(document).ready(function()){}是 $(function(){}的全写

html()可以设置和获取起始标签和结束标签中的内容 跟dom属性innerHTML一样
text()可以设置和获取起始标签和结束标签中的文本 跟dom属性InnerText一样
val()可以设置和获取表单项中的value属性值 跟dom属性value一样

attr() 可以设置和获取属性的值
prop() 可以设置和获取属性的值

DOM的增删改

内部插入：
a.appendTo(b) 把a插入到b子元素末尾
a.prependTo(b) 把a插入到b所有子元素前面，成为第一个子元素

外部插入：
a.insertAfter(b) 得到ba
a.insertBefore(b) 得到ab

替换：
a.replaceWith(b) 用b替换a
a.replaceAll(b) 用a替换掉所有b

删除：
a.remove(); 删除a标签
a,empty(); 清空a标签

原生js和jQuery页面加载完成之后的区别：

jQuery页面加载完成之后先执行，jQuery的页面加载完成之后是浏览器的内核解析完页面的标签创建好DOM对象之后就会马上执行
原生js页面加载完成之后，除了要等浏览器内核解析完标签创建好DOM对象，还要等标签显示时需要的内核加载完成

原生js的页面加载完成之后，只会执行最后一次的赋值函数
jQuery的页面加载完成之后是全部把注册的function函数，依次顺序全部执行。

jQuery常用的事件处理方法

事件的冒泡：
父子元素同时监听一个事件，当触发子元素的事件的事件，同一个事件也被传递到了父元素的事件里去响应。

如何阻止事件冒泡？
在子元素事件函数体内，return false可以阻止事件的冒泡传递。

javascript事件对象：
事件对象是封装有触发的事件信息的一个javascipt对象

原生javascipt获取事件对象：
window.onload = function(){
document.getElementById(“id”).onclick > function (event){
console.log(event);
}
}

jQuery代码获取事件对象：

$function(){
$(“id”).click(function (event)){
console.log(event);
}
}