JQuery常用积累(值得你进来！)
1.如何通过Jquery获取radio的值
如何通过Jquery简单又快速的获取一组radio的取值呢?
Jquery老的版本
var_name = $(“input[@name='radio_name']:checked”).val();
Jquery 1.3以后的版本
var_name = $(“input[name='radio_name']:checked”).val();
区别是老版本有个@.
2.获取下拉框
var account=$("#id option:selected").val();
3.获取文本框的值(泛指value属性)
val()
4.获取文本(<p id="test">JJWW</p>)
$("#test").html()
$("#test").text()
5.处插入html文本
.html("test");
6.JS dom对象与Jquery对象互转
dom->jquery
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。
$(document.getElementById("msg"))
jquery->dom
由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。
$("#msg")[0].innerHTML;
7.jquery遍历table
$(document).ready(function(){
$("#tb tr").each(function(){
var text = $(this).children("td:first").text();
alert("text=="+text);
});
});
1.js循环
str="54;234;有限;斤;79;黑鱼";
var myarray=new Array();
myarray = str.split(";");
for( a in myarray){
alert(myarray[a]);
}
2.javascript 参数是string类型的时候前后要加“”,否则报错missing ) after argument list
eg:onclick='showContent(""+ptostr+"")
onclick='showContent('${user.name}')
'
3.计算：
sum=sum+Number($(this).text());
3．2 用普通JS写：
Math.round(flt * 10) / 10; //保留2位小数点
// 到4位小数Math.round(flt * 10000) / 10000;
4.遍历table所有
$("table").find("tr").each(function(){
// 遍历table中所有的列
$(this).find("td").each(function(){
alert($(this).val());
});
});
5.第一行第一列
$("tr td:first-child")
获取第一行(有个tbody)
$("table[class='btable']>tr:first")
第三行第五列
alert($("tr:nth-child(3) td:nth-child(5)").html());
alert($("tr:eq(2) td:eq(4)").html());
alert($("tr:eq(2)").children().eq(4).html());
如果我们要选择第一行，我们可以用 $('tr:eq(0)')
如果我们要选择第N行，我们可以用 $('tr:eq(n-1)')
如果我们要选择奇数行，我们可以用 $('tr:odd')
如果我们要选择偶数行，我们可以用 $('tr:even')
记住遍历table时总会出现一个<tbody></tbody>
1. jQuery对象与DOM对象的区别及相互转化:
DOM对象转jQuery: $(domObj);
jQuery对象转DOM对象: jQueryObj.get(0);
jQuery对象是否为空的判断:
Java代码 收藏代码
if (jQueryObj.get(0) != null) {
//此jQueryObj不为空.
}
DOM对象是否为空的判断:
if (domObj != null) {
//此domObj不为空.
}
2. jQuery选择器：
基本选择器: "#id", ".class", "tagName", "*", "selector1, selector2.."
层次选择器:
过滤选择器:
3. jQuery的DOM操作:
内部操作: append(), prepend(), appendTo(), prependTo();
外部操作: after(), before()
删除，替换节点操作
复制节点操作
4. jQuery事件：
$(document) = $();
$(document).ready(function() {}) = $(function() {});
bind(), unbind(),
trigger(): 触发事件，浏览器响应操作
tringgerHandler(): 触发事件，不做操作
hover(mouseOver, mouseOut)
toggle(fn1,fn2,fn3)
5.jQuery中get,set方法:
html()==innerHTML
text() == innerText
val() == value, (select的话从下往上只要text或value匹配即选中)
width()
height()
css(),
还有多加一个参数的attr().
