比较javascript中的appendChild()和jquery中的append() 才知道什么叫jqery真牛
2015-11-30 21:25
369 查看
<!doctype html> <html> <head> <!--声明当前页面编码集(中文编码《gbk,gb2312》,国际编码《utf-8》)--> <meta http-equiv="Content-Type" content="text/html";charset="utf-8"> <title>HTML模版</title> <meta name="keywords" content="关键词,关键词"> <meta name="description" content=""> <style type="text/css"> *{margin:10 auto;padding:0} </style> <script type="text/javascript" src="jquery-1.11.3.min.js"></script> <script type="text/javascript"> var ci1=['省1','省2','省3','省4']; window.onload=function(){ createCity1(); } function createCity1(){ var city1=document.getElementById('city1'); //创建标签,创建标签必须是参数必须是标签名 var op=document.createElement("option"); op.innerHTML="请选择省份" city1.appendChild(op); // city1.appendChild("<option>请选择省份</option>");这样写是错的 for(var i=0;i<ci1.length;i++){ // for(var i in cil){ //用这种可能会出现浏览器不兼容 var op_in=document.createElement("option"); op_in.innerHTML=ci1[i]; city1.appendChild(op_in) } } $(function(){ //这里就体现了jquery的强大,append方法是直接在对象后面添加content,再进行编绎。这个很牛, $("#city2").append("<option>请选择省份</option>"); for(var i=0;i<ci1.length;i++){ $("#city2").append("<option>"+ci1[i]+"</option>"); } }) // createCity1(); </script> </head> <body> <select id="city1"></select> <select id="city2"></select> </body> </html>
相关文章推荐
- android的EditText重新获取焦点问题
- Android 中 Handler 内存泄露解决办法实例
- 九宫格解锁可用修改版
- 胖虎谈ImageLoader框架(三)
- “私人订制”——栏目管理中算法的使用
- selenium page object & Page Factory
- android 学习Layout布局的使用
- Android textView属性说明
- 屏幕分辨率单位转换详解
- AlertDialog&ProgressDialog几种形式
- 【风马一族_Android】Android 前端内容1
- PackageManager 获取系统安装包信息
- ActivityManager 获取系统进程信息
- Android获取手机存储空间大小
- Android中通过代码获取arrays.xml文件中的数据
- 完全退出Android应用程序的四种方法
- cocos2d-x学习笔记2
- Android项目——Spinner的使用
- Android Gallery橱窗效果
- Android 各国语言缩写及简称详细介绍