标签:als 标准 单击 化学 previous 基本选择器 query textarea 函数调用
JavaScript基础
1、function对象
函数定义:
function 函数名 (参数){ <BR> 函数体;
return 返回值;
}
可以使用变量、常量或表达式作为函数调用的参数
函数由关键字function定义
函数调用:函数名(参数)即可调用
2、DOM对象
HTML DOM定义了访问和操作HTML文档的标准方法
HTML DOM把HTML文档呈现为带有元素,属性和文本的树结构(节点数)
2.1 节点查找
document.getElementById("idname") 查找的为对象,可以直接调用
document.getElementsByTagName("tagname") 查找的集合
document.getElementsByByName("name") 查找的集合
document.getElementsByClassName("name") 查找的集合Elementt
2.2 导航节点属性
parentElement 父节点标签元素
children 所有子标签
firstElementChild 第一个子标签元素
lastElementChild 最后一个子标签元素
nextElementChild 下一个兄弟标签元素
previousElementSibling 上一个兄弟标签元素
2.3 操作标签
(1) 文本操作
取值操作:
DOM对象.innerText
DOM对象.innerHTML
赋值操作:
DOM对象.innerHTML="hello world"
DOM对象.innerText="hello world"
(2) 属性操作
DHTML的简洁语法:
console.log(DOM对象.属性名);
DOM对象.属性=值
原生JS:
console.log(DOM对象.getAttribute("属性名"))
DOM对象.setAttribute("属性名","值")
value:
input,select ,textarea
(3) class属性操作
DOM对象.classList.add("hide");
DOM对象.classList.remove("c1");
左侧菜单实例
(4) css样式设置
DOM对象.style.样式属性=样式值
2.4 节点操作
createElement(标签名):创建一个指定名称的元素
父节点.appendChild(newnode):添加节点
父节点.insertBefore(newnode,某个节点):
父节点.removeChild(子节点):删除节点
父节点.replaceChild(新节点,被替换节点)
2.5 事件
onclick 单击事件
ondblclick 双击事件
onload 一张页面或一幅图像完成加载
onsubmit事件 确认按钮被点击 阻止默认事件发生:return false
onkeydown事件 某个键盘按键被按下
onselect事件 文本本选中
onmouseover事件 鼠标从元素离开
jQuery基础
1、jQuery定义
jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,如果一个对象是jQuery对象,那么他就可以使用jQuery里的方法。
2、基本选择器
$(" * "):所有
$("#id"):按照id查找
$(".class"):按照class查找
$("element")
$(".class,p,div")
标签:als 标准 单击 化学 previous 基本选择器 query textarea 函数调用
原文地址:http://www.cnblogs.com/tangxiaof/p/7729230.html