一.遇到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();