jQuery
在某些场景下,需要对JQuery对象和DOM节点对象进行互相转换
通过get(0)或者[0] 把JQuery对象转为DOM对象
通过$() 把DOM对象转为JQuery对象
jQ对象不可以使用dom属性方法,反之dom对象也不可以使用jq属性方法
遇到了这个
<script> var tds=$("td"); var total=0; for (var i=4;i<tds.length;i+=5){ total+=parseFloat(tds.eq(i)[0].innerHTML.split("¥")[1]); } $("#subtotal").text("¥"+total); </script>
<a class="a"></a>
<a class="a"></a>
<a class="a"></a>
$('.a') // 选择了3个a,都是jq对象(可以用jq的属性、方法)
$('.a').eq(1) // 选择了第二个a,是jq对象(不可以使用dom属性方法,可以用jq的属性、方法)
$('.a')[1] // 选择了第二个a,是dom对象(可以使用dom属性,方法,不可以使用jq属性方法)
$('.a').eq(1)[0] // 选择了第二个a,并且转化成都是dom对象(可以使用dom属性,方法,不可以使用jq属性方法)
$('.a')[0].eq(1) // 错误,因为dom对象用不了jq方法,eq()是jq方法。
element 选择器
选取带有指定元素名称的所有元素。
$("element")
eq=equal(相等)
ne=not equal(不等)
lt=less than(小于)
le=little and equal(小于等于)
gt=greater than(大于)
ge=great and equal(大于等于)
JQuery选择器 :eq() :gt() :lt()
$("p:eq(1)")
:eq() 选择器选取带有指定 index 值的元素。index>=0;
Java split() 方法根据匹配给定的正则表达式来拆分字符串。
注意: . 、 $、 | 和 * 等转义字符,必须得加 \\。
注意:多个分隔符,可以用 | 作为连字符。
语法
public String[] split(String regex, int limit)
参数
-
regex -- 正则表达式分隔符。
-
limit -- 分割的份数。
返回值
字符串数组。
JS split() 定义和用法
split() 方法用于把一个字符串分割成字符串数组。
提示: 如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。
注意: split() 方法不改变原始字符串。
string.split(separator,limit)
参数值
参数 | 描述 |
---|---|
separator | 可选。字符串或正则表达式,从该参数指定的地方分割 string Object。 |
limit | 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。 |
返回值
类型 | 描述 |
---|---|
Array | 一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 string Object 分割成子串创建的。返回的数组中的字串不包括 separator 自身。 |
var xx=$('#pid').html().split(':')[1]
释义:即split()方法是将指定字符串按某指定的分隔符进行拆分,拆分将会形成一个字符串的数组并返回
<div id="pid">编号:${pro.pid}</div>
比如是 编号:11 则 alert(xx) 则显示11
attr()方法获取属性的值
返回属性的值:
参数 | 描述 |
attribute | 规定属性的名称 |
jQuery的ajax以及post()方法
$.ajax({name:value, name:value, ... });
post() 方法通过 HTTP POST 请求从服务器载入数据。
语法:jQuery.post(url,data,success(data,textStatus,jqXHR),dataType)
参数 |
描述 |
url |
必需。规定把请求发送到哪个 URL。 |
data |
可选。映射或字符串值。规定连同请求发送到服务器的数据。 |
success(data, textStatus, jqXHR) |
可选。请求成功时执行的回调函数。 |
dataType |
可选。规定预期的服务器响应的数据类型。 默认执行智能判断(xml、json、script 或 html)。 |
$.ajax({
type: 'POST',
url: url,
data: data,
success: success,
dataType: dataType
});
三个简单实用的用于 DOM 操作的 jQuery 方法:
-
text() - 设置或返回所选元素的文本内容
-
html() - 设置或返回所选元素的内容(文本 + HTML 标记)
-
val() - 设置或返回表单字段的值(value)
jQuery html() 方法
定义和用法
html() 方法设置或返回被选元素的内容(innerHTML)(文本 + HTML 标记)。
当该方法用于返回内容时,则返回第一个匹配元素的内容。$(selector).html()
当该方法用于设置内容时,则重写所有匹配元素的内容。$(selector).html(content)
jQuery text() 方法
定义和用法
text() 方法设置或返回被选元素的文本内容。
当该方法用于返回内容时,则返回所有匹配元素的文本内容(会删除 HTML 标记)。$(selector).text()
当该方法用于设置内容时,则重写所有匹配元素的内容。$(selector).text(content) $(selector).text(function(index,currentcontent))
提示:如需设置或返回被选元素的 innerHTML(文本 + HTML 标记),请使用 html() 方法。
jQuery val() 方法
定义和用法
val() 方法返回或设置被选元素的 value 属性。
当用于返回值时:
该方法返回第一个匹配元素的 value 属性的值。$(selector).val()
当用于设置值时:
该方法设置所有匹配元素的 value 属性的值。$(selector).val(value) $(selector).val(function(index,currentvalue))
注意:val() 方法通常与 HTML 表单元素一起使用。