Jquery中常见问题

最近也是在做项目的时候刚接触到jQuery。下面汇总一下遇到的几个问题

如何动态创建按钮

方式一： $("#a").html("<input type='button' value='按钮' class='button‘/>");

方式二： $("#a").append("<input type='button' value='按钮' class='button‘/>");

<input  type="button" id="add_html" value="使用html方法增加"/>
<input  type="button" id="add_append" value="使用append方法增加"/>

<div id="a">
<p>添加一个按钮的地方：</p>
</div>

<script src="~/Scripts/jquery-1.7.1.js" type="text/javascript"></script>

<script type="text/javascript">
$(function () {
$("#add_html").click(function () {
$("#a").html("<input type='button' value='按钮' class='button'/>");
})

$("#add_append").click(function(){
$("#a").append("<input type='button' value='按钮' class='button'/>");
})
})
</script>

两种做法得到的效果是：

html只会在标签处生成相应的按钮，即不管点几下，都只生成一个按钮

function Com($this, keyValue) {
var aArray = {};
var i = 0;
var $this = $this;
$.each($this.parent("div").prev("table").children("tbody").children("tr"), function (index, item) {
if ($(this).children("td").first().find("input").attr("checked") == 'checked') {
aArray[i] = $(this).children("td").last().find("input").val();
i++;
}
})
})

$("#emission").delegate(".add", "click", function () {
Com($(this), "inKey");
})

View Code

常用方法

ajax方法

　　

　　定义和用法

　　ajax() 方法通过 HTTP 请求加载远程数据。

　　该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。

　　最简单的情况下，$.ajax() 可以不带任何参数直接使用。

　　注意：所有的选项都可以通过 $.ajaxSetup() 函数来全局设置。

$.each($(".EnumClass"), function (index, item) {
var enumvalue = $(this).prev("select").val();
var typename = $(this).attr("id").toString();
var enumIndex;
$.ajax({
type: 'POST',
url: '/Enum/StringToInt',
async:false,
                    data: { typeName: typename, enumValue: enumvalue },
success: function (result) {
 enumIndex = result;
                    }
})
$(this).val(enumIndex);
}）

注意两个问题：

1.async属性很重要，表示是否是异步调用此方法。如果true表示异步，表示两个方法可以同时执行。引起的问题可能是方法二可能会用到方法一执行完的结果，这些就不能设置异步运行
2.在success方法里是不能使用jquery选择器的。

常用的控件

My97datepicker 非常好用的日期控件