Jquery

    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");

       类似的方法还有indexOfobj对象的文本是否包含"更多",不包含返回-1.

if (obj.text().indexOf("更多") != -1) {} <span style="font-family: SimSun;font-size:18px; ">           </span>

         以上就是一些我对jquery的一些使用方法的重新学习.在不停的使用document.getElementById取对象的时候,忘了还可以使用更简单更方便的jquery.这是我的错,我把jquery忘的太干净了,若有机会多多练习jquery代码.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 11
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值