发表于： 2017-01-17 01:27:25
1 1331
今天完成的事情：看了锋利的JQ，学习了JQ中的表单操作、ajax和事件和动画
明天计划完成的事情：找实例练习所学的知识
遇到的问题：jq中ajax的回调部分看不太懂
收获：
1.
反选操作:
$("#CheckedRev").click(function(){
$('[name=items]:checkbox').each(function(){
$(this).attr("checked",!$(this).attr("checked"));
})
})
改用js原生会更简洁：
$("#CheckedRev").click(function(){
$('[name=items]:checkbox').each(function(){
this.checked=!this.checked;
})
})
提交按钮输出选中的值
$("#send").click(function(){
var str="你选中的是： \r\n";
$('[name = items]:checkedbox:checked').each(function(){
str +=$(this).val() + "\r\n";
});
alert(str);
})
2.
下拉框应用
$("#add").click(function(){
var $options = $("#select1 option:selected") //获取选中的选项
var $remove = $options.remove();//删除下拉列表中的选项
$remove.appendTo("#select2")//追加给对方
//===============或者写成以下形式=================//
var $options = $("#select1 option:selected");//获取选中的选项
$options.appendTo("#select2")
})
appendTo()有删除自己并追加给对方的功能
3.
返回列表
评论