java script 第三章

来源：互联网发布：枪炮与玫瑰乐队知乎编辑：程序博客网时间：2024/05/22 10:15
!DOCTYPE html><html>  <head>    <title>3.html</title><script type="text/javascript">//第三章  juery//一：事件注册  表单元素：所有input开头       触发事件   window.onload=function(){ var shijian=document.getElementById("div"); shijian.onclick=function(){ alert("我是div"); };};文本/标签的区别  innerText/innerHtml//二：$(function(){});/window.onload=function(){}的区别$()：执行次数多  等待标签加载完window.onload=function(){}：执行次数少(一次) 等待所有的加载完三：jurey和js对象的相互转换    $(function() {var dom=document.getElementById("id");var $f=$(dom);//转换为queryalert($f.text());//还原domvar dom=$f[0];alert(dom.innerText);});四：//光棒效果mouseover mouseout$(function() {$("li").mouseover(function() {this.style.cssText = "background-color:pink";}).mouseout(function() {this.style.cssText = "background-color: ";});});五：在juery下设置样式1.$(function() {$("li").mouseover(function() {this.style.cssText = "background-color:pink";}).mouseout(function() {$(this).css("background-color","");});});2.css和addclass()区别：$ (function(){    $("#box").css("width","300px").css("heigth","300px").css("border","1px solid green");    $("#box").addClass("m");}); </script>  </head>    <body>   一.<div id="div">我是div</div>   三：<h1 id="id">每天都在学习，每天都很开兴</h1>   四：<ul>           <li>熊大</li>   <li>熊二</li>   <li>光头强</li>       </ul>   五：   <div id="box">我是盒子</div>  </body></html>
0 0