创建div, 设置属性, 添加class, 子元素添加到父元素
var creatediv= function(){
var parentdiv=$('<div></div>'); //创建一个父div
parentdiv.attr('id','parent'); //给父div设置id
parentdiv.addclass('parentdiv'); //添加css样式
var childdiv=$('<div></div>'); //创建一个子div
childdiv.appendto(parentdiv); //将子div添加到父div中
parentdiv.appendto('body'); //将父div添加到body中
}
2.遍历元素
语法:
$(selector).each(function(index,element))
index – 选择器的 index 位置
element – 当前的元素(也可使用 “this” 选择器)
例1;
var arr1 = [ "aaa", "bbb", "ccc" ];
$(arr1).each(function(i,value){
console.log(i);// 0 1 2
console.log(value); // aaa bbb ccc
});
也可以写成下面形式
var arr1 = [ "aaa", "bbb", "ccc" ];
$.each(arr1, function(i,value){
console.log(value);
}); // aaa bbb ccc
点击每一个li会弹出自身的值。
jq
$(document).ready(function(){
$("button").click(function(){
$("li").each(function(){
alert($(this).text())
});
});
});
</script>
html
<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
跳出循环
for循环中我们使用continue;终止本次循环计入下一个循环,使用break终止整个循环。
而在jquery中 $.each则对应的使用return true
和return false