jquery 注意事项与常用语法小结

jQuery 注意事项

1. 函数中的this关键字指向的是DOM元素而不是jQuery对象，如果需要在函数中使用jQuery对象，需要将this包装为$(this)；
2. 包裹DOM元素时要使用$(document).ready()保证DOM元素被正确加载，或者使用$(window).load()保证图片等资源也被加载；
3. 在使用$选择器时，要尽可能缩小选择范围，以提高效率。

jQuery 常用语法小结

选择器

1. 标签选择器：$("tagName")
2. 类选择器：$(".className")
3. ID选择器：$("#idName")
4. 属性选择器：$("[attributeName=attributeValue]")
5. 后代选择器：$("selector1 selector2")

事件绑定

1. 绑定事件：$("selector").on("eventName", function(){ /code/ })
2. 解除事件绑定：$("selector").off("eventName")
3. 触发事件：$("selector").trigger("eventName")

DOM操作

1. 获取/设置DOM属性值：$("selector").attr("attributeName", "attributeValue") / $("selector").attr("attributeName")
2. 获取/设置DOM文本值：$("selector").text("textValue") / $("selector").text()
3. 获取/设置DOM HTML代码：$("selector").html("htmlValue") / $("selector").html()

动画效果

1. 淡入：$("selector").fadeIn(duration)
2. 淡出：$("selector").fadeOut(duration)
3. 改变透明度：$("selector").fadeTo(duration, opacity)
4. 展开：$("selector").slideDown(duration)
5. 收起：$("selector").slideUp(duration)

AJAX

1. GET 方法：$.get(url, data, successFunction, dataType)
2. POST 方法：$.post(url, data, successFunction, dataType)

示例

事件绑定示例

$("button").on("click", function(){
    alert("Hello World!");
});

AJAX 示例

$.get("http://sample.com/data", function(data){
    console.log(data);
});

以上是jQuery 注意事项与常用语法小结的攻略指南，希望对你有所帮助！