都是知识
- Jquery中的顶级对象$。【考核知识点:jquery顶级对象】
$是jQuery的顶级对象,相当于原生JavaScript中的 window。把元素利用$包装成 jQuery对象,就可以调用jQuery 的方法。
- jQuery 对象和 DOM 对象。【考核知识点:jquery对象】
用原生 JS 获取来的对象就是 DOM 对象
jQuery 方法获取的元素就是 jQuery 对象。
jQuery 对象本质是: 利用$对DOM 对象包装后产生的对象(伪数组形式存储)。
- jQuery 样式操作。【考核知识点:jQuery 样式操作】
方法1: 操作 css 方法
方法2: 设置类样式方法
- jQuery 效果。【考核知识点:jQuery 效果】
显示隐藏:show() / hide() / toggle() ;
划入画出:slideDown() / slideUp() / slideToggle() ;
淡入淡出:fadeIn() / fadeOut() / fadeToggle() / fadeTo() ;
自定义动画:animate() ;
- jQuery中的选择器。【考核知识点:jQuery选择器】
基本选择器,层次选择器,过滤选择器,表单选择器
- Jquery优点【考核知识点:jquery介绍】
1)体积较小
2)封装了大量的选择器、DOM操作、事件处理,使用简单、易扩展。
- jQuery属性操作。【考核知识点:jQuery属性操作】
1、元素固有属性值prop()
2、元素自定义属性值attr()
3、数据缓存data()
- jQuery文本属性值。【考核知识点:jQuery文本属性值】
jQuery的文本属性值常见操作有三种:html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性
- jQuery元素操作?【考核知识点:jQuery元素操作】
遍历:each()
创建: $('标签')
删除:remove()
添加:append() prepend()
- attr和prop的区别?他们分别相当于js中的什么函数。【考核知识点:attr和prop的区别】
attr() 既可以设置固有属性,也可以操作自定义属性
prop() 只能设置固有属性
attr() 相当于js中的 getAttribute()
- append和prepend的区别【考核知识点:插入元素】
append是在内部的末尾添加
prepend是在内部的头部添加
- jQuery事件注册的方法有哪些。【考核知识点:jQuery事件注册】
单个事件注册,传统注册方式 $(元素).click(function(){})
on()方法绑定事件 $(元素).on(事件名,function(){});
bind()方法绑定事件 $(元素).bind(事件名,function(){})
- jQuery事件处理on绑定事件的写法。【考核知识点:on方法绑定事件】
$(“button”).on(“click”,function(){
aler(“点击按钮”);
});
$(“div”).on({
mouseover:function(){},
mousemove:function(){},
mouseup:function(){}
})
- on方法绑定事件有什么优势?。【考核知识点:on()方法的优势】
可以一次性绑定多个事件
做事件委托使用
绑定未来事件,比如动态添加的节点需要用on绑定事件
- 事件处理off()解绑事件的写法。【考核知识点:off事件解绑】
$(“p”).off(“click”)
$(“p”).off(“click”,”li”);//解除事件委托
- jquery中的选择器 和 css中的选择器有区别吗。【考核知识点:jquery选择器】
jQuery选择器支持CSS选择器,jQuery选择器可用来添加样式和行为, CSS选择器只能添加样式
- 选择器中 id,class有什么区别。【考核知识点:Jquery选择器】
每个id只能用一次,class可以重复使用
- jQuery方法操作元素的创建、添加、删除方法【考核知识点:DOM节点操作】
内部添加到尾部:元素.append(‘内容’)
内部添加到前面:元素.prepend(‘内容’)
删除元素:元素.remove()删除自身元素
- jquery事件对象【考核知识点:event】
jQuery 对DOM中的事件对象 event 进行了封装,兼容性更好,获取更方便,使用变化 不大。事件被触发,就会有事件对象的产生。
- 复合事件hover的用法是什么。【考核知识点:hover事件】
$("选择器").hover(function(){
//鼠标进入
}, function(){
//鼠标离开
})