首页 > 代码库 > JQ第一篇
JQ第一篇
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script src="http://www.mamicode.com/Scripts/jquery-1.8.2.js"></script> <title></title> <script type ="text/javascript"> console.log($());//输出jq对象 function gel(id) { return document.getElementById(id)} window.onload = function () { //为按钮的点击事件绑定一个匿名方法 //gel("btnChange").onclick = function () { // //1.dom属性之一：字符串类型属性 // //gel("divMsg").name // //2.dom属性之二：函数类型属性-只能设置方法给它，如果没有设置默认为null // gel("divMsg").onclick = function () { var a = 0; } // //3.dom属性之三：样式属性，通过样式属性可以调用元素的各种样式项 // alert(gel("divMsg").style); //} gel("btnChange").onclick=function(){ //点击创建文本框 var txt = document.createElement("input"); txt.type = "text"; //失去焦点 txt.onblur = function () {//方法里的this：调用的时候，谁点这个方法，方法里的this就是谁 var txtValue = http://www.mamicode.com/this.value;"必须输入数字"); this.select(); } } gel("divMsg").appendChild(txt); } } </script> <style type ="text/css"> span { border:1px solid #000; display:block;/**按块级元素显示*/ } </style></head><body> <!--块级元素:占满一行--> <div id="divMsg"></div> <!---行级元素；根据内容占用大小----> <span ></span> <input type ="button"id="btnChange" value ="http://www.mamicode.com/按钮" /></body></html>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。