jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理

jQuery

核心理念就是写的更少,做的更多
实现的代码更加简洁
有效的提高开发效率

jQuery跟JavaScript的用法是一样的

跟jQuery相继诞生的JavaScript库还有很多,不包括node.js

关于代码$("li").get(0),获取DOM对象

jQuery对象声明,是通过($)符号来实现的

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第1张图片

如果同时使用window.onload与$(function(){}),执行顺序会是$(function(){})先执行

关于代码document.getElementById('myId').html();会报错

获取HTML代码中li标签的DOM对象,并调用(innerText)属性来获取第一个li标签的文本。

jQuery的优势中轻量级的文件包,文件大小94.8KB简介的语法强大的选择器

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第2张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第3张图片在DOM树形结构中下面是href、charset属性节点

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第4张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第5张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第6张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第7张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第8张图片jQuery中访问size()方法时返回值跟jQuery对象的length属性是一致的。

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第9张图片

能够为元素的子元素绑定jQuery事件的方法是(ABCD )

A. bind() B. on() C. delegate() D. one ()

下列选项中,可以用来获取所有表单的选择器是(A )。

  1. :input B. :form C. :all D. :allinput

不属于jQuery基本选择器的是(C )。

  1. element B. #id C. selector D. .class

与元素索引值相关的选择器是(ABD )。

  1. :even B. :odd C. :not(selector) D. :last

 jQuery中css()方法在获取多个样式属性时,参数需要以(A )形式传入。

  1. 对象 B. 数组 C. 函数 D. 字符串

 下列( C )方法获取元素的宽度只包括元素的宽度、内边距和边框。

  1. width() B. innerWidth() C. outerWidth() D. outerWidth(true)

outerHeight()方法不传递参数时获取的元素高度不包括( D)。

  1. width B. padding C. border D. margin

下列关于jQuery中的方法,说法错误的是( C )。

A. slideDown()方法控制元素的向下滑动

B. show()方法控制元素的显示

C. toggle()方法用于控制元素的透明度切换

D. fadeOut()方法控制元素的淡出

下列选项中,关于jQuery中停止动画的方法描述错误的是(D )。

A. stop()方法可以控制动画的停止

B. stop()方法的参数默认都为false

C. stop()方法的参数都设为true时表示停止所有动画

D. 以上说法都不正确

假如选择页面中唯一一个DOM元素,那个是最快,最高效的选择器(ID选择器)

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第10张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第11张图片在jQuery中,用jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第12张图片jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第13张图片jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第14张图片jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第15张图片jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第16张图片jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第17张图片jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第18张图片outerWidth(true)获取元素的宽度包括内边距、边框和外边距。

在jQuery中,用outerWidth()获取元素的宽度包括内边距和边框。

在jQuery操作元素位置中,用offsetParent()来获取距离匹配元素最近的含有定位信息的元素

在编写页面的时候,如果想要获取指定元素在当前窗口的相对偏移,用()来实现,该方法的返回值有两个属性,分别是offset() left top

jQuery中,用innerWidth来获取当前窗口的宽度值。

设置元素的多个属性值时,attr()方法会接受的参数是对象

通过jQuery获取和设置表单的值,用disabled实现获取表单不可用的按钮

在jQuery中,获取id值为box元素的内容html()

在jQuery创建节点中,$("")可以替换为html("")

appendTo()来追加到指定元素的末尾。

内部和外部插入不属于jQuery文档处理

用来实现删除ul下的li元素的是$("li").detach()

remove()方法不会在jQuery对象中保留元素的数据

删除表单中的id值为btn的按钮,且保留其点击事件,用detach()来实

在jQuery事件中,当调整浏览器窗口时触发的事件是resize()事件。

在jQuery事件方法中,当滚动条发生变化时触发的事件是scroll()事件。

通过load()方法会在元素的onload事件中绑定一个事件处理函数。

在页面的所有内容(包括DOM元素以及图片等文件)都加载完后才触发的事件是onload

在jQuery中,页面DOM元素加载完成后便可触发的事件是ready()

jQuery事件中,与javaScript中的onblur用法类似的是blur

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第19张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第20张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第21张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第22张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第23张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第24张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第25张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第26张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第27张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第28张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第29张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第30张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第31张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第32张图片

jQuery选择器、操作DOM、事件处理机制、动画、ADJX操作知识点梳理_第33张图片

你可能感兴趣的:(前端,jquery,前端,javascript)