jQuery技术

jQuery的几个应例题、JSON基础

字号+ 作者:H5之家 来源:H5之家 2017-01-13 14:03 我要评论( )

jQuery的几个应例题、JSON基础

1.下拉列表取值、赋值

(1)写个下拉列表,如下:

<select> <option value="山东">山东</option> <option value="淄博">淄博</option> <option value="临淄">临淄</option> <option value="周村">周村</option> <option value="张店">张店</option> <option value="桓台">桓台</option></select><input type="button" value="取值" /><input type="button" value="赋值" />



(2)点击关灯,显示遮罩层

$("#guan").click(function(){ var str = "<div></div>";//添加一个层,样式写在头部:遮罩层是半透明的黑色 $("body").append(str);//这个层写在body中 $(this).css("display","none");//单击关按钮,开灯按钮显示,关灯按钮隐藏 $("#kai").css("display","block"); })

#zz{width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:black; z-index:1;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}



(3)单击开灯按钮,遮罩层不显示

$("#kai").click(function(){ $("#zz").remove(); //移除遮罩层 $("#guan").css("display","block"); $(this).css("display","none");//单击开按钮,开灯按钮隐藏,关灯按钮显示 })



5.JSON

JSON是一种数据格式,JSON比较像php里面的关联数组,它里面存的内容也是key和value成对存在的

例如:

var js = { "one":"hello", "two":"world", //"three":"汉族",//1. "three":{"n1":"汉族","n2":"回族"}//2. };//alert(js.three); //1.//alert(js.three.n2); //2.

1.


2.



全部显示js中的

var js = {"one":"hello","two":"world","three":"汉族", };

//使用foreach的形式来遍历JSON数据for(var k in js){alert(js[k]); //遍历显示}















 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery Mobile框架初学者入门教程

    jQuery Mobile框架初学者入门教程

    2017-01-13 15:00

  • jquery楼层滚动特效

    jquery楼层滚动特效

    2017-01-13 08:02

  • jQuery Easyui 下拉树组件combotree

    jQuery Easyui 下拉树组件combotree

    2017-01-12 17:00

  • JQueryEasyUI datagrid查找学习笔记

    JQueryEasyUI datagrid查找学习笔记

    2017-01-11 14:03

网友点评