jquery标签使用总结

最新推荐文章于 2025-02-25 16:42:25 发布

原创最新推荐文章于 2025-02-25 16:42:25 发布 · 194 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ViewUI

jquery 专栏收录该内容

2 篇文章

订阅专栏

学习博客地址：http://www.cnblogs.com/lxblog/archive/2013/01/09/2853056.html

一、根据name获取选中radio的值

var ss = $('input[name="com_radio"]:checked').val()+"";

二、id约等于、class包含某样式的

<a  id="im_consult_${l.member_id!}"><input type="hidden" value="${l.member_id!}"><img src="/static/images/IBM.png"/></a>

$("a[id^='im_consult_']").click(function(){
	  var toMemberId = $(this).find('input').val();
	  chat.consult(toMemberId);
	})

所有样式名中含有grayTips的input

$("[class*=grayTips]") // 所有样式名中含有grayTips的input
		.each(function() {
    ......
});

三、获取某个属性
//点赞效果

$(".proGood .proGood_action_ding").click(function(){
	   var proId = $(this).attr("proId");
	   var $img = $(this);
	   //点击赞时调取点赞
	  $.ajax({
			type : "get",
			url : "/inquiry/support?productId="+proId,
			success : function(data) {
				if(data == "0"){
					 //判断若赞成功  则显示已赞
					$img.hide();
					$img.parent().find(".proGood_action_ding_on").show();
					//$img.find(".totalsum_supp".html("("+totalSum+")");
				}else{
					alert("不能重复点赞");
				}
			}
		});
   });

四、下拉选择时，清除其余下拉，选中请选择
下拉选择可参考网址:[url]http://www.cnblogs.com/tylerdonet/archive/2013/03/06/2945397.html[/url]

$("#sele_first").get(0).selectedIndex=0;//选中请选择，value=0的
	$("#sele_second option[value!=0]").remove();//删除除了请选择之外的option
	$("#sele_last option[value!=0]").remove();//删除除了请选择之外的option

追加选中某一个option

$("#sele_first option[value=\""+val_1+"\"]").attr("selected","selected");

五、定位到某一个div的位置

function goTotop(obj){
var _targetTop = $('#'+obj).offset().top;//获取位置
jQuery("html,body").animate({scrollTop:_targetTop},300);//跳转
}

调用方法：
 <li><a href="javascript:void(0)" onclick="goTotop('xwbg')">跳转测试一</a></li>