黑马程序员技术交流社区

标题: 敲代码 [打印本页]

作者: 李鸣 时间: 2019-6-21 18:10
标题: 敲代码
[/b<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JQuer对象和js对象的转换</title>
<script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>

<div id="div1">div1....</div>
<div id="div2">div2....</div>

<script>
  //1. 通过js方式来获取名称叫div的所有html元素对象
var divs = document.getElementsByTagName("div");
alert(divs.length);//可以将其当做数组来使用
//对divs中所有的div 让其标签体内容变为"aaa"
  for (var i = 0; i < divs.length; i++) {
   //divs.innerHTML = "aaa";
   $(divs).html("ccc");
  }

//2. 通过jq方式来获取名称叫div的所有html元素对象
var $divs = $("div");

  alert($divs.length);//也可以当做数组使用

  //对divs中所有的div 让其标签体内容变为"bbb"  使用jq方式
//$divs.html("bbb");
// $divs.innerHTML = "bbb";

  $divs[0].innerHTML = "ddd";
  $divs.get(1).innerHTML = "eee";

/*
      1. JQuery对象在操作时，更加方便。
      2. JQuery对象和js对象方法不通用的.
      3. 两者相互转换
         * jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
         * js -- > jq : $(js对象)
   */

</script>

</body>
</html>]

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2