黑马程序员技术交流社区
标题: 【石家庄校区】JQuery笔记整理 [打印本页]
作者: 学习让我快乐啊 时间: 2018-5-3 17:33
标题: 【石家庄校区】JQuery笔记整理
本帖最后由 小石姐姐 于 2018-5-4 09:42 编辑
【石家庄校区】JQuery笔记整理
JQuery
概述JQuery是JS的一个框架(JS的类库),对传统的JS进行封装
JQuery $(function()){ alert(""121313) }
核心函数jQuery的方法只能由jQuery的对象调用
核心函数:$(),括号内可以写:
入口函数:
- $(function(){
});
$(document).ready(function(){
});
效果show():显示
hide():隐藏
slideDown():向下滑动
slideUp():向上滑动
fadeIn():淡入
fadeOut():淡出
animate():自定义动画
toggle():单击切换函数
选择器基本选择器层级选择器后代选择器:使用空格所有后代包含孙子及以下的元素
子元素选择器:使用>第一层的元素(儿子)
下一个元素:使用+下一个同辈元素
兄弟元素:使用~后面所有的同辈元素
基本过滤选择器odd例如:$("tr:even")
even
eq
first
last
属性选择器表单对象选择器表单元素选择器:text
:password
:radio
:checkbox
:file
筛选Jq操作元素属性prop()
$("#id").prop("src"):获取属性的值
$("#id").prop("src","xxxx"):改变元素的属性
$("#id").prop("src":"xxxx","name":"xxxx"):改变元素的多个属性
removeProp()
attr():不再维护
removeAttr():不再维护
文档处理append()
append()可以作用于数组,将会为数组内的所有元素追加相同的内容
例如:$("p").append("<b>Hello</b>");,所有p标签后面都会追加helloworld
appendTo()
insetAfter()
insertBefore()
remove()
empty()
html()/text()/val()CSS操作(改变页面元素样式)事件跟JS的事件是一致的 ,只不过去掉ON
on():在选择元素上绑定一个或多个事件
bind():为每个匹配元素的特定事件绑定事件处理函数。
delegate():指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
trigger():在每一个匹配的元素上触发某类事件,同时执行浏览器的默认动作
triggerHandler():这个特别的方法将会触发指定的事件类型上所有绑定的处理函数,但不会执行浏览器默认动作
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |