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().