jquery不是没学过,但是由于种种原因,当初学完之后,没有立即使用,给忘了个精光,甚至看到jquery的代码,都不知道这是jquery代码。后来做考试系统,用了一些js,但是jquery基本怎么用。
这次想起写jquery的博客,主要是看到公司中一段js的代码,用了jquery,才觉得jquery真的挺好用的。所以对于用到的jquery进行分析,来让自己再次熟悉jquery代码.
首先找出原来看视频的时候敲的jquery的代码,一段一段的分析,让自己熟悉.
var obj =$("#id"); //根据id选择器获取对象
varcarnameSelect=$(".carname").children("select"); //根据class选择器以及children方法获取下拉框对象
var carnameValue=$(this).val();//可以获取值,如文本框中输入的值
wheeltypeSelect.parent().hide(); //hide()用于隐藏,parent(),获取父节点对象;show()可以显示,next()用于获取下一个节点,还有方法用于获取前一个节点和兄弟节点.
carimg.hide().attr("src",""); //attr,可以设置属性,如src为""var obj =$("#id"); //根据id选择器获取对象
varcarnameSelect=$(".carname").children("select"); //根据class选择器以及children方法获取下拉框对象
var carnameValue=$(this).val();//可以获取值,如文本框中输入的值
wheeltypeSelect.parent().hide(); //hide()用于隐藏,parent(),获取父节点对象;show()可以显示,next()用于获取下一个节点,还有方法用于获取前一个节点和兄弟节点.
carimg.hide().attr("src",""); //attr,可以设置属性,如src为""<span style="font-family: SimSun;font-size:18px; "> </span>
还有对于ajax的使用,显示loading对象,在ajaxStop的时候0.5秒内隐藏.
$(".loading").ajaxStart(function(){
$(this).css("visibility","visible")
$(this).animate({
opacity:1
},0);
}).ajaxStop(function(){
//$(this).css("visibility","hidden");
//$(this).fadeOut(500);
$(this).animate({
opacity:0
},500);
});
对于表格的选择
$("tbodytr:even").css("background-color","#ECE9D8");//获取偶数行,并且设置背景色
var numTd=$("tbody td:even"); //td:even,获取偶数单元格,odd是奇数
还有对于这种不停的往下点(.)的,创建一个文本框,这个文本框不用边框,字体大小为16px,宽度和背景色和td的宽度和背景色一样,然后添加到td中.分析完了,才想起来,是那种一点,变文本框,可输入的那种功能.
var inputObj=$("<input type='text'>").css("border-width","0")
.css("font-size","16px").width(tdObj.width())
.css("background-color",tdObj.css("background-color"))
.val(text).appendTo(tdObj);
inputObj.trigger("focus").trigger("select"); //文本框添加到td中就获取焦点,被选中
公司写的代码,取对象的时候多用[]这种,取的条件可以写的很广.这种就是找名为这个的单选框,并且被选中,然后另一个对象就显示.
if ($("input[name='rbl_HaveSendOutBenefit'][type='radio'][checked]").val() == "True")
$("[name='HaveSendOutBenefit']").show();
$("[name='collect']").toggle();//查找name="collect"的所有对象,隐藏或显示
还有这种,加了^$,正则表达式,表示要获取name和"cbl_RecruitMode"一模一样的对象
$("input[name^='cbl_RecruitMode$'][type='checkbox'][checked]").
或者获取后缀为d的对象的值.
$("[id$='d']").val();
对于is方法,如果jain对象中含有hidden属性,则返回true,表示是隐藏这的.
var isHidden = $("[name='jain']").is(":hidden");
类似的方法还有indexOf如obj对象的文本是否包含"更多",不包含返回-1.
if (obj.text().indexOf("更多") != -1) {} <span style="font-family: SimSun;font-size:18px; "> </span>
以上就是一些我对jquery的一些使用方法的重新学习.在不停的使用document.getElementById取对象的时候,忘了还可以使用更简单更方便的jquery.这是我的错,我把jquery忘的太干净了,若有机会多多练习jquery代码.