学习记录(六)

学习记录(六)

DOM元素的增删改查

DOM的查询

• document.body
  保存body标签
• document.documentElement
  保存HTML标签
• getElementById（ID值）
  查询带有括号内ID的元素节点
• getElementByTagName（标签名）
  查询括号内标签名的元素节点
• getElementByClassName（Class值）
  查询带有括号内Class的元素节点
• getElementByName（name）
  查询带括号内的name的元素节点
• document.querySelector（）、document.querySelectorAll（）
  通过css选择器来获取一个（一组）元素节点
  注：实际用innerHTML也可以实现而且更加方便

DOM元素的增加

• createElement（）
  创建一个元素节点
• creatTextNode（）
  创建一个文本节点
• appendChild（）
  向一个父节点中添加子节点
• insetBefore（）
  在一个父节点的指定子节点前加入新的子节点
  用法：父节点.insetBefore（新的子节点，指定子节点）

DOM元素的删、改

• removeChild（）
  删除括号内的指定节点
  方便的用法：指定节点.parentNode.removeChild（指定节点）
  其中 指定节点.parentNode意为：指定节点的父节点
• replaceChild（）
  将原来的节点替换为新的节点
  用法：replaceChild（新的节点，旧的节点）

jQuery

jQuery是一个JS库，里面封装了很多常用的JS的方法，简化了JS对HTML的DOM操作
注：不能直接使用，需要到jQuery官网下载所需的版本，在每次写新项目时都要引入jQuery文件才可以使用它提供的相应函数。（具体网上有很多详细教程）

部分选择器

代码	含义
$("*")	选择所有的元素
$("#id")	选择#后对应id的元素
$(".class")	选择对应class的元素
$(“标签名”)	选择对应的标签
$(“ul li:eq(n)”)	选择列表中的n号位元素(第一个为0号位)
$(“ul li:gt(n)”)	选择列表中大于n号位的元素
$(“ul li:lt(n)”)	选择列表中小于n号位的元素
$(":input")	选择所有input元素( “: input对应type的有效值” 可以选择input中特定type的元素)

其他

• MD5
  一种加密方式，可以在密码提交时进行加密（仔细观察提交时密码会变长，若在input内加type= "hidden"则显示上不会变长）
  注：MD5加密在如今的1202年明显是非常不安全的！在百度搜索MD5的资料时第一页除了百度知道其他的全是MD5在线破解······主要原因可能是破解方式确实比较无脑且迅速吧
• reload（）
  重新加载
• history.foward（）
  历史浏览记录上向前一个URL的页面
  -history.back（）
  历史浏览记录上向后一个URL的页面