遇到的js和jQuery的問題

一.遇到js和jq的問題

1.當有循環時，你想獲取其個數能夠用其$(".class或#id").length

2.select-option中想取option的value值能夠用在select對象如用id屬性$("#id").value；若是是循環seect-option想選擇本身選中的值在select中加入onchange="getVal(this)"方法

function getVal(dd) {

var nae=dd.value;

}

3.想爲循環中的select-option賦值能夠用 $(dd).parent().parent().children()[2].children[0].innerHTML=html2;一直找到全部循環的select最大的父類，再用.children獲取其父類下的一級子標籤再一直找到你想要的位置用.innerHTML=" "賦值

4.能夠爲前端頁面的value賦多個值但用「—」或‘@’等符號鏈接如<option value="${item.steelvarietyid}_${item.varietyname}">${item.varietyname}</option>目的是在方法裏能夠取多個值如var nae=dd.value.split("_")[0];能夠取到第一個值。此方法很經常使用

5. var children = $(obj).parent().parent().children().innerHTML能夠取出相對應的值;

二.js和jq的關係和區別

1 定位元素 
JS 
document.getElementById("abc") 

jQuery 
$("#abc") 經過id定位 
$(".abc") 經過class定位 
$("div") 經過標籤訂位 

須要注意的是JS返回的結果是這個元素，jQuery返回的結果是一個JS的對象。如下例子中假設已經定位了元素abc。 

2 改變元素的內容 
JS 
abc.innerHTML = "test";               
jQuery 
abc.html("test"); 

3 顯示隱藏元素 
JS 
abc.style.display = "none";             
abc.style.display = "block"; 

jQuery 
abc.hide(); 
abc.show();

abc.toggle();         //在顯示和隱藏之間切換、

4 得到焦點 

JS和jQuery是同樣的，都是abc.focus(); 

5 爲表單賦值 
JS 
abc.value = "test"; 
jQuery 
abc.val("test"); 

6 得到表單的值 
JS 
alert(abc.value); 
jQuery 
alert(abc.val()); 

7 設置元素不可用 
JS 
abc.disabled = true; 
jQuery 
abc.attr("disabled", true);

8 修改元素樣式
JS
abc.style.fontSize=size;
jQuery
abc.css('font-size', 20);

JS
abc.className="test";
JQuery
abc.removeClass(); 
abc.addClass("test");

9 判斷複選框是否選中

jQuery
if(abc.attr("checked") == "checked")

10： 根據class 、 id  取 input 標籤的value 值 
  jQuery     : $(".className").val();  $("#idName").val();
 javaScript : document.getElementById("idName").value;
       
11:  根據class 、id 獲取標籤之間的內容：如 <span> 、<lable> 、<div> 。
 jQuery     : $("#idName").html(); $(".className").html();
javaScript : document.getElementById("idName").innerHTML ;
       
12: 獲取<select id='selectId'> <option value='selectValue'>  選中值：
 jQuery     : $("#selectId").val();
 javaScript : document.getElementById("selectId").value;
       
13: 獲取<img > 的 src 內容 ：
 jQuery     : $("#imgId")[0].src;
 javaScript : document.getElementById("imgId").src;
       
14：子界面獲取父界面元素內容： 　　14.1 (標籤間的內容 ，如 <span> 、<lable> 、<div> )           　　JavaScript ： window.parent.document.getElementById("currentPage").innerHTML ;          　　 JQuery     ： $(window.parent.document).find("#IdName").text();  　　14.2 （取 input 標籤的value 值）            　　 JavaScript ： window.parent.document.getElementById("currentPage").value ;             　　JQuery     ： $(window.parent.document).find("#IdName").val();