1.jquery就是一个js库
2.jquery这个库向外暴露了jQuery或者$()这个函数。
3.得到一个jquery对象 let obj=$('#id')
4.$()此时$代表函数,$.each()此时$代表对象。
参数是选择器字符串返回一个jquery对象。注意只有jquery对象才能够调用val()...html()的jquery方法。
5.jquery对象里面包含的是dom元素的伪数组,可能也只有一个dom元素。
$('<input type="text" name="" id="hello">') = $('#hello')
要分清dom对象还是jquery对象。$()返回的是jquery对象。
6.伪数组是一个对象
7.选择器:
交集选择器:不使用任何分隔符,选择同时满足多个条件的元素,只有同时匹配两个选择器的元素才会被选中。(例如div.name)选的就是div并且有class=name的div。
子代选择器:使用 >,选择所有被父元素包含的直接子元素,更深一层的元素不起作用。
兄弟选择器:使用 ~,在同一父元素下选择在指定元素之后的所有兄弟元素
兄弟选择器用来选择与某元素位于同一个父元素之中,且位于该元素之后的兄弟元素。兄弟选择器分为临近兄弟选择器和普通兄弟选择器两种,对它们的讲解如下。
临近兄弟选择器
该选择器使用加号“+”来连接前后两个选择器。选择器中的两个元素有同一个父元素,而且第二个元素必须紧跟第一个元素。
$('li:gt(0):lt(2)').css('background-color','red')
大于0就是除去第一个,小于2除去第一个后选2个
8.$.attr(attr,value):用来追加一个属性,这是一个jquery方法。操作css属性值为费布尔值。
$(:checkboxs).prop('checked',true):专门操作css属性值为布尔值的属性.
9:$('p:eq(index)')选择索引下表为index的p标签
10.$.offset()获取元素对于页面的位置。$.position()获取元素相对于父元素左上角的位置
$.scrollTop():获取元素的滚动条的坐标
11.jquery返回的伪数组是一个对象,里面都是dom元素,比如$('div')返回的是一个{div,div,div........}对象。$('div').first()得到的是第一个的div的jquery对象。$('div')[0]得到的是div的dom元素。
12.事件绑定
mouseover在父元素在嵌套子元素的时候,如果鼠标移入子元素中也会触发父元素的mouseover事件
mouseenter不会触发.
13.事件委托:现在每个li需要添加一个事件,所以用事件委托 给ul加一个事件就行。(事件委托是给父元素添加的)
<ul>//把事件给ul,而不是给li
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
$().delegate('委托元素','委托事件名',callback)
14.关于坐标
scrollTop():获取元素的滚动条坐标 offse()获取元素的页面坐标
15.jquey对象的查找,过滤:注意是对象元素的内部元素
16.文档处理:插入后部是指插入元素里面的最后。。。。
17.事件模块:
18事件坐标:
19.关于页面加载问题:
标签:Jquery,jquery,对象,元素,事件,div,选择器 From: https://blog.51cto.com/u_14234172/7596314