.attr()
$(this).attr(key);获取节点属性名的值,相当于getAttribute(key)
$(this).attr(key,value);设置节点属性的值,相当于setAttribute(key,value)
$(this).val();获取某个元素节点的value值,相当于 $(this).attr(“value”);
$(this).val(value);设置某个元素节点的value值,相当于 $(this).attr(“value”,value);
.modal()
$("#deleteConfirmModal").modal(‘show’);
toggle,指的是点击的时候触发和当前模态窗口状态相反的操作~
例如现在模态窗口是关闭的,那么点击按钮,就打开窗口,如果当前窗口是打开的,那么点击按钮就会关闭~
show,指的是点击的时候触发打开窗口~
hide,指的是点击的时候触发关闭模态窗~
$("#mymodal").modal(‘hide’);去点击按钮,会发现怎么点都打不开,因为设定了点击触发关闭模态窗~
.parent()与.parents()
当前标记的父标记~
parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合~
parents是指取得一个包含着所有匹配元素的祖先元素的元素集合(包含父亲,爷爷…祖先…原始人,但不包含根元素),可以通过一个可选择的表达式进行筛选~
<div id="parent">
<div id="children1"></div>
</div>
如果children1是当前元素,则$("#children1").parent()是指parent节点~
<div id="div1">
<div id="div2"><p>222</p></div>
<div id="div3" class="a"><p>333</p></div>
<div id="div4"><p>444</p></div>
</div>
$(“p”).parent()取到的是div2,div3,div4
$(“p”).parent(".a")取到的是div3
$(“p”).parent().parent()取到的是div1,Jquery对象本身的特点决定这是可行的
$(“p”).parents()取到的是div1,div2,div3,div4
$(“p”).parents(".a")取到的是div3
$().each 与 $.each()
在jquery中,遍历对象和数组,经常用 $().each和 $.each()两个方法~
$().each在dom(应该是文件对象模型)处理上用的较多,如果页面有多个input标签类型为checkbox时,用 $().each来处理多个checkbook~
$("input[name='ch']").each(function(i){
if( $(this).attr('checked')==true){
//一些操作代码
}
}
遍历一个数组通常用 $.each()来处理
$.each([{name:"limeng",email:"xfjylimeng"},{name:"hehe",email:"xfjylimeng"}],function(i,n){
alert("索引:"+i+"对应值为："+n.name);
});
回调函数是可以传递参数的,i为遍历的索引~
参数i为遍历索引值,n为当前的遍历对象~
.keyup() .keydown()与.keypress()
keyup事件相关的事件顺序：
keydown - 键按下的过程
keypress - 键被按下
keyup - 键被松开
当键盘键被松开时发生 keyup 事件~
keyup()方法触发keyup事件或规定当keyup事件发生时运行函数~
提示:使用 event.which 属性来返回哪个键被按下~
触发被选元素的keyup事件：
$(selector).keyup()
添加函数到keyup事件：
$(selector).keyup(function),规定keyup事件触发时运行函数function~
.on()
on() 方法在被选元素及子元素上添加一个或多个事件处理程序~
注意:使用 on() 方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)
提示:移除事件处理程序,使用 off() ~
提示:添加只运行一次的事件然后移除,使用one()~
语法: $(selector).on(event,childSelector,data,function)
| 参数 | 描述 |
|---|---|
| event | 必需。规定要从被选元素移除的一个或多个事件或命名空间,由空格分隔多个事件值,也可以是数组,但必须是有效的事件 |
| childSelector | 可选。规定只能添加到指定的子元素上的事件处理程序 |
| data | 可选。规定传递到函数的额外数据 |
| function | 可选。规定当事件发生时运行的函数 |
hidden.bs.modal是指当弹出的模态框消失的时候,回调函数
$.post()
$.post()方法使用HTTP POST请求从服务器加载数据~
语法: $(selector).post(URL,data,function(data,status,xhr),dataType)
| 参数 | 描述 |
|---|---|
| url | 必需。规定将请求发送到哪个 URL |
| data | 可选。规定连同请求发送到服务器的数据 |
| function(data,status,xhr) | 可选。规定当请求成功时运行的函数 ,data - 包含来自请求的结果数据, status - 包含请求的状态 (“success”、“notmodified”、“error”、“timeout”、“parsererror”), xhr - 包含 XMLHttpRequest 对象 |
| dataType | 可选。规定预期的服务器响应的数据类型 |
默认dataType可能的类型:
“xml” - 一个 XML 文档
“html” - HTML 作为纯文本
“text” - 纯文本字符串
“script” - 以JavaScript 运行响应,并以纯文本返回
“json” - 以 JSON 运行响应,并以 JavaScript对象返回"jsonp",使用 JSONP 加载一个 JSON 块,将添加一个 “?callback=?” 到 URL 来规定回调
.replace()
id = id.replace(/"/g, ’ ');
是指将字符串当中的所有引号 " 删除~
replace是字符串的方法,接受两个参数,第一个为要搜索的表达式,第二个为要替换的内容~
这里第一个参数传入一个正则表达式 /"/,/ 代表正则的开始和结束,\ 是转义符," 为要匹配的内容即引号,后面的g,是指全文匹配~
这里第二个参数是空字符串,即将搜索到的表达式替换为空~
.html()
html()方法设置或返回被选元素的内容(innerHTML)
当该方法用于返回内容时,则返回第一个匹配元素的内容~
当该方法用于设置内容时,则重写所有匹配元素的内容~
提示:如只需设置或返回被选元素的文本内容,请使用 text()
语法:
返回内容：
$(selector).html()
设置内容：
$(selector).html(content)
使用函数设置内容：
$(selector).html(function(index,currentcontent))
| 参数 | 描述 |
|---|---|
| content | 必需。规定被选元素的新内容(可包含 HTML 标签) |
| function(index,currentcontent) | 可选。规定返回被选元素的新内容的函数~index-返回集合中元素的 index 位置,currentcontent-返回被选元素的当前 HTML 内容 |