JS与JQuery知识回顾

本文详细介绍了使用JQuery及原生JavaScript进行DOM操作的方法,包括页面加载时执行脚本的不同方式、获取页面节点、获取和设置标签内容、获取样式、节点的基本操作等关键知识点。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.配置JQuery环境

<script type = "text/javascript" src="JQueryURL"></script>

2.页面加载时执行
JS
window.onload()= functionName;functionName() // 会覆盖,不能编写多个。执行慢,得等到网页所有内容(节点,图片视频音频等)加载完毕他才能加载。没有简写
JQuery
document.ready(function(){}) //可以写多个。网页中所有DOM文档结构绘制完毕后即刻执行。可以简写为$(function(){})
$(function(){})

3.获取页面节点的方式
JS
  document.getElementById("标签ID名");
  document.getElementsByTagName("标签名");
  document.getElementsByClassName("类名");
  doucment.getElmentByName();
JQuery
  $("#XX").action
  $("标签名")
  $(".XX")
  $(标签名[属性名 = 'value']);

4.获取标签内容的两种方式
JS
  innerHTML innerText
区别
  JS节点.value = "":标签的value属性。(主要获取input的值)
  innerHTML = "" :双闭合标签里面的内容(识别标签)。
  innerText = "" :双闭合标签里面的内容(不识别标签)。(老版本的火狐用textContent)
JQuery
  val:标签的value属性。
  text("")
  html("")

5.获取样式(css)
JS
  currentStyle属性和getComputedStyle属性不能设置属性,只能获取.
  console.log(div.currentStyle["width"]); //IE上兼容
  console.log(window.getComputedStyle(div,null)["width"]); //火狐谷歌上兼容
  style.attr(这样为获取) //获取不了外部样式
  .style.attr="值";
  .style(属性,值);
JQuery
  $("li").css("font-weight","bold");
  $("li").css({"font-weight":"bold","color":"red"});

6.DOM节点的操作(重要)
  上一段的内容:节点的访问关系都是属性。
  本段的内容:节点的操作都是函数(方法)。

创建节点
  document.createElement("标签名");
插入节点
  方式一:父节点.appendChild(新的子节点);//父节点最后插入一个新的子节点
  方式二:父节点.insertBefore(新的子节点,作为参考的子节点)
  //在参考节点前插入一个新的节点。如果参考节点为null,那么他将在父节点里面的最后插入一个子节点。
特别强调
删除节点
  父节点.removeChild(子节点);
复制节点
  要复制的节点.cloneNode(ture);
  //不带参数/带参数false:只复制节点本身,不复制子节点。
  带参数true:既复制节点本身,也复制其所有的子节点。
设置节点的属性
1.获取节点的属性值
方式1:元素节点.属性;
  元素节点[属性];
方式二:
  元素节点.getArrtibute("属性名称");
  方式1和方式2的区别在于:前者是直接操作标签,后者是把标签作为DOM节点。推荐方式2。
2.设置节点的属性值
  方式1:(设置节点的属性值)
  myNode.src = "images/2.jpg" //修改src的属性值
  myNode.className = "image2-box"; //修改class的name
方式2:
  元素节点.setAttribute(属性名, 新的属性值);
3.删除节点的属性
  元素节点.removeAttribute(属性名);

总结:
获取节点的属性值和设置节点的属性值,都有两种方式,但这两种方式是有区别的。
方式一的元素节点.属性和元素节点[属性]:绑定的属性值不会出现在标签上。
方式二的get/set/removeAttribut: 绑定的属性值会出现在标签上。

转载于:https://www.cnblogs.com/jiayiblog/p/10953392.html

资源下载链接为: https://pan.quark.cn/s/1bfadf00ae14 在 Linux 系统中,查找域名或主机名对应的 IP 地址是网络管理中的一项基础且关键任务,对于排查网络故障、调试网络问题以及监控网络服务是否正常运行等场景都非常重要。本文将介绍五种在 Linux 终端查询域名 IP 地址的方法。 首先,dig 命令(全称 Domain Information Groper)是一个功能强大的 DNS 查询工具,能够向 DNS 服务器发送查询请求并获取详细的响应信息。如果需要查询单个域名的 IP 地址,可以使用命令 dig 2daygeek.com +short 。此外,还可以通过编写 bash 脚本,将包含域名的文本文件中的域名逐个读取,然后利用 dig 命令进行查询,从而实现批量查询域名 IP 地址的功能。 其次,host 命令是一个简单易用的 DNS 查询工具,主要用于将域名解析为 IP 地址。要获取某个域名的 IP 地址,直接使用 host 2daygeek.com 即可。如果只想显示 IP 地址部分,可以通过管道结合 grep 和 sed 命令来实现,例如:host 2daygeek.com | grep "has address" | sed s/has address/-/g 。 再者,nslookup 命令也是一种常用的 DNS 查询工具,它支持交互式查询 DNS 信息。通过 nslookup 2daygeek.com 可以查询域名的 IP 地址。若要以非交互式的方式只显示 IP 地址,可以使用命令 nslookup 2daygeek.com | awk /^Address:/ {print $2} 。 另外,fping 命令传统的 ping 命令不同,它不会直接进行 DNS 查询,而是通过发送 ICMP Echo Request(pi
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值