jQuery是一个JavaScript库。主要是通过jQuery包装DOM对象生成jQuery对象来简化JavaScript编程。基本语法是$(选择器).动作()。
常用的jQuery操作方法:
用法 | 释义 |
---|---|
$("标签").html() | 获取标签对应元素内的HTML代码 |
$("标签").html("html代码段") | 设置(新增/修改)标签内的html代码 |
$("标签").attr("标签属性") | 获取标签属性值 |
$("标签").attr("标签属性","标签属性值") | 设置(新增/修改)标签属性 |
$("标签").prop("标签属性") | 获取标签属性布尔值(判断该标签属性是否存在) |
$("标签").prop("标签属性","标签属性值") | 设置(新增/修改)标签属性 |
$("标签").removeProp("标签属性") | 移除指定标签属性 |
$("标签").text() | 获取标签内容 |
$("标签").text("文本") | 设置(修改/新增)标签文本 |
$("标签").val() | 获取表单元素的value属性值 |
$("标签").val("value属性值") | 设置(新增/修改)表单元素的value属性值 |
$.each() | 遍历 |
jQuery绑定事件:
要实现点击一个按钮button,弹出一个警告框,有以下三种实现方法:
//方法一
$("button").click(function(){
alert("hello world");
});
//方法二
$("button").bind("click",function(){
alert("hello world");
});
//方法三,推荐
$("button").on("click",function(){
alert("hello world");
});