jQ

jQ相当于原生js的页面加载完成事件
原生的入口函数: 在等页面的元素以及资源都请求成功之后,才会执行里面的js代码
window.onload = function(){}
jQ的入口函数: 在dom树构造完成之后,就执行js代码
1.jQuery(document).ready(function(){});
2.$(document).ready(function(){});
3.$().ready(function(){})
4.$(function(){})

在jQ中获取元素 语法: $(css选择器) 返回值是一个jQ对象

jQ注册事件
1.$(css选择器).事件名称(function(){})
2.$(css选择器).on(事件名称,事件处理程序(){})
1和2的区别:
(1).第一个注册事件的方式是jq内部封装好的方法,但是并不是所有的事件都封装了,有一些新的事件就没有封装,比如说:tochstart(手指刚放在元素上触发)但是第二种注册事件支持
(2).第二种可以支持多个事件(多事件用空格隔开)

jQ中显示和隐藏(jQ中的动画效果)
show()显示 hide() 隐藏 toggle() 切换
格式: $(css选择器).show/hide/toggle([time])

jQ中通过eq(索引号)取值
格式: $('css选择器:eq(索引号)')

jQ中如何获取文本内容
使用text(),html()获取或写入文本内容,但是text无法解析HTML标签

jQ中操作css
语法结构: $(css选择器).css('属性')----获取
$(css选择器).css('属性名','属性值')----------设置
一次性修改多个样式 $(css选择器).css({属性名:属性值,属性名:属性值,属性名:属性值..........})

jQ对象和document对象转换
jQ对象: 使用jQ获取元素的方式获取到的都是
document: 使用jS原生方式获取的(对象)元素都是dom对象
如果非要使用jQ方法,需将dom对象转为jQ对象 dom转jQ: $(dom对象)
jQ转dom: jQ对象[索引]

jQ操作属性
在jQ中操作属性的方式,它的语法和操作css属性类似
1.attr 不仅能操作自定义属性,也可以操作系统属性和非表单属性
2.prop 操作系统属性和表单属性
语法结构: 获取: $(css选择器).attr/prop('属性名')
设置: $(css选择器).attr/prop('属性名','属性值')
总结:attr和prop都可以操作系统属性,但是prop不可以操作自定义,操作表单属性prop

jQ中获取兄弟元素 jQ对象.siblings()

筛选选择器
选择第一个 :first 选择最后一个 :last
不要哪个 :not(eq(不要的索引号))
选择索引大于n的 :gt(n)
选择索引小于n的 :lt(n)
选择索引为偶数的 :even
选择索引为奇数的 :odd
现在标题标签:header