本帖最后由 小石姐姐 于 2018-5-4 09:47 编辑
JavaScript&JQuery 学习笔记
JavaScript基础语法 变量类型 原始类型
undefined String number boolean null
引用类型
定义函数function 函数名称(){}
JS的引入方式 通常有2种: 在<script>标签中直接写 用<script>标签中的src属性引入
JS正则校验 String中的match() RegExp中的test()
JS的常用事件 常用事件:
onload:页面加载完成后触发 onsubmit:表单提交时触发 onfocus:获得焦点时触发 onblur:失去焦点时触发 onchange: 下拉列表改变时触发 onscoll:页面滚动时触发
键盘操作事件:
onclick:单击时触发 ondblclick:双击时触发 onkeydown:键盘按下时触发 onkyeup:键盘松开时触发 onkeypress:键盘按下并松开时触发
鼠标操作事件:
onmousemove:鼠标移动时触发 onmouseout:鼠标移开时触发 onmouseover:鼠标放上时触发 onmousedown:鼠标按下时触发 onmouseup:鼠标松开时触发
BOM:浏览器对象模型
window setInterval();
setTimeout();
clearInteval(); clearTimeout(); open();打开一个小窗口 confirm();弹出确认框 prompt();弹出可输入的对话框 alert();一般调试时使用
history location JS的输出 DOM对象 概述:
获得元素:
document.getElementById();只能获得一个元素,当有有多个同id元素时,获取第一个 document.getElementsByName(); documentgetElementsByTagName();
创建元素:
添加节点:
删除节点:
JQuery核心函数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
筛选属性操作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()
HTLM代码/text文本/val值CSS操作(改变页面元素样式)事件处理on():在选择元素上绑定一个或多个事件 bind():为每个匹配元素的特定事件绑定事件处理函数。 delegate():指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。 trigger():在每一个匹配的元素上触发某类事件,同时执行浏览器的默认动作 triggerHandler():这个特别的方法将会触发指定的事件类型上所有绑定的处理函数,但不会执行浏览器默认动作
遍历
$("img").each(function(i,n){
});
$.each(object,function(i,n){
});
|