标签：案例 ajax技术 rop 属性选择器 cti bubuko 全局 inpu put
write less,do more;
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01-jquery的介绍</title> <style type="text/css"> div{ width: 100%; height: 100px; margin: 10px 0px 0px 0px; display: none; background-color: red; } </style> </head> <body> <button id="btn">展示</button> <div></div> <div></div> <div></div> <div></div> </body> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"> </script> <script type="text/javascript"> /*单独书写JavaScript的痛楚： 1、书写繁琐，代码量大； 2、代码复杂； 3、动画，开启定时器，小心定时器的清除，各种操作和处理事件，不好实现； 4、浏览器的兼容性； //jQuery解决了以上痛点； */ // window.onload = function(){ // var oBtn = document.getElementsByTagName(‘button‘)[0]; // var ODivs = document.getElementsByTagName(‘div‘); // // oBtn.onclick = function(){ // for(var i = 0;i < ODivs.length;i++){ // ODivs[i].style.display = ‘block‘; // ODivs[i].innerHTML = ‘div展示了‘; // } // } // // } //jQuery实现； $(function(){ $(‘#btn‘).click(function(){ $(‘div‘).css(‘display‘,‘block‘); $(‘div‘).html(‘div展示了‘) }) }) </script> </html>
第五模块：WEB开发基础 第3章·BootStrap&JQuery开发
标签：案例 ajax技术 rop 属性选择器 cti bubuko 全局 inpu put
原文地址：https://www.cnblogs.com/tqtl911/p/9113007.html
