avalon.js数据绑定,动态添加的dom元素,其中绑定的数据解析

JavaScript025

avalon.js数据绑定,动态添加的dom元素,其中绑定的数据解析,第1张

楼下说得太简单了,估计提问者看不懂。

假设,你有以下DOM

<div id="dvTest">

    <div>在这下面加一个按钮</div>

</div>

然后你添加一个按钮,方法如下

function addButton(){

    var $container = $("#dvTest")

    $container.append("<a href='javascript:'>click me</a>")

}

然后,给刚加的按钮一个click事件

//你要先找到你加的这个按钮

$("#dvTest > a").click(function(){ alert('you clicked me') })

//或

$("#dvTest > a").unbind().on('click'), function(){ alert('you clicked me') })

我觉得你主要是jQuery的筛选器用得不够熟。你可以搜一下,大概看看。只要能找到控件,绑定事件都不叫事儿。

JSON中,有两种结构:对象和数组。

1.对象

一个对象以“{”开始,“}”结束。每个“key”后跟一“:”,“‘key/value’ 对”之间运用 “,”分隔。

packJson = {"name":"caibaojian.com", "password":"111"}

2.数组

packJson = [{"name":"caibaojian.com", "password":"111"}, {"name":"tony", "password":"111"}]

数组是值的有序集合。一个数组以“[”开始,“]”结束。值之间运用 “,”分隔。

JSON对象和JSON字符串的转换

在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:

JSON字符串:

var jsonStr = '{"name":"caibaojian", "password":"1111"}'

JSON对象:

var jsonObj = {"name":"caibaojian.com", "password":"1111"}

1、String转换为Json对象

var jsonObj = eval('(' + jsonStr + ')')

2.Json对象转换为String字符串

var jsonStr = jsonObj.toJSONString()

jQuery遍历json对象

grep

<script type='text/javascript' src="/jquery.js"></script>

<script type="text/javascript">

$().ready(

function(){

var array = [1,2,3,4,5,6,7,8,9]

var filterarray = $.grep(array,function(value){

return value >5//筛选出大于5的

})

for(var i=0i<filterarray.lengthi++){

alert(filterarray[i])

}

for (key in filterarray){

alert(filterarray[key])

}

}

)

</script>

看项目规模。 angularjs由Google维护,名气和使用人数要多一些,学习的人也多,项目大,参与的人多,建议还是选名气大的。 avalon小巧轻快,学习成本也低,中小型项目可以考虑这个。