`

jquery标签使用总结

阅读更多
学习博客地址: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("不能重复点赞");
				}
			}
		});
   });


四、下拉选择时,清除其余下拉,选中请选择
下拉选择可参考网址:http://www.cnblogs.com/tylerdonet/archive/2013/03/06/2945397.html
       
$("#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>

分享到:
评论

相关推荐

    jquery标签云无规则样式.rar

    总结,"jquery标签云无规则样式.rar"的资源为我们提供了一个使用jQuery和CSS实现无规则样式的标签云实例。通过结合这两者的功能,我们可以创建出富有创新和视觉冲击力的标签云,提升用户体验。对于开发者来说,掌握...

    jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结

    要使用jQuery,首先需要在HTML页面中引入jQuery库,通常是通过`&lt;script&gt;`标签引入CDN链接或本地文件,例如: ```html &lt;script type="text/javascript" src="js/jquery.js"&gt; ``` 引入后,就可以在页面中使用`$`...

    jquery使用技巧总结

    《jQuery使用技巧深度解析》 在Web开发领域,jQuery是一个广泛应用的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。本文将深入探讨jQuery的使用技巧,帮助开发者提升效率,更好地...

    最好的jquery标签切换

    总结起来,"最好的jQuery标签切换"涉及的关键知识点包括: 1. jQuery选择器:用于选取需要操作的DOM元素。 2. jQuery事件处理:监听用户的点击事件并执行相应操作。 3. jQuery动画效果:通过`.show()`和`.hide()`...

    jQuery日常使用总结

    本文将对jQuery的日常使用进行总结,包括如何引入jQuery库、页面加载事件、事件处理、DOM操作、表单元素的检查与交互,以及提示信息的展示。 1. **引入jQuery库**: 要使用jQuery,首先需要在HTML文件中引入jQuery...

    jquery标签支持图文排列带按钮的选项卡

    本项目涉及的主题是“jQuery标签支持图文排列带按钮的选项卡”,这是一个常见的交互设计元素,常用于展示大量的信息,如产品介绍、新闻动态或用户评论,以提高用户体验并节省页面空间。 一、jQuery选项卡基础 选项...

    jQuery自定义添加标签

    总结来说,实现jQuery自定义添加标签涉及以下步骤: 1. 创建HTML结构,包括标签列表、输入框和操作按钮。 2. 使用jQuery监听按钮事件,动态创建新的标签元素。 3. 实现“换一换”功能,随机展示不同的标签。 4. 添加...

    jQuery动态添加删除编辑标签代码.zip

    总结来说,"jQuery动态添加删除编辑标签代码"是一个实用的工具,可以帮助开发者构建富有交互性和灵活性的标签页系统。通过理解并应用这些技术,可以提升Web应用的用户体验,使用户在导航和操作复杂内容时更加...

    jquery标签式导航菜单demo

    总结来说,"jquery标签式导航菜单demo"是一个用于前端开发的示例,展示了如何利用jQuery库构建动态、交互式的标签式导航菜单。通过理解并实践这个demo,开发者可以增强其在前端开发中的技能,特别是对于jQuery的运用...

    JQuery实战:标签页效果

    总结起来,实现jQuery标签页效果的关键在于理解jQuery的核心功能,如DOM操作、事件处理和动画效果。通过结合HTML结构、CSS样式和JavaScript逻辑,我们可以创建出功能强大且用户友好的标签页组件。在实际项目中,可以...

    jQuery修改标签内容实例

    要使用jQuery,需要在页面中引入jQuery库,这可以通过添加`&lt;script&gt;`标签来实现。在提供的文件`jquery-1.8.3.min.js`中,包含了jQuery 1.8.3版本的代码。在HTML文件(如`new.html`)的`&lt;head&gt;`部分,添加以下代码...

    jquery标签切换知识点总结源码

    总之,jQuery标签切换是网页交互中的重要技术,通过合理地组合使用jQuery提供的方法,我们可以创建出流畅、用户友好的标签切换效果。在实际开发中,根据需求可以进一步定制和扩展这些基础功能,以满足更复杂的需求。...

    js与jQuery的常用总结

    ### JavaScript与jQuery常用知识点总结 #### 一、JavaScript操作DOM **1. 添加节点** 在JavaScript中,可以通过以下步骤向DOM树中添加新的节点: - 首先使用`document.createElement()`方法创建一个新的元素节点...

    jQuery添加删除标签插件.zip

    总结来说,"jQuery添加删除标签插件"是提高网页交互性和用户体验的有效工具,它简化了标签管理的过程,并提供了灵活的定制选项,使得开发者能够快速构建功能丰富的标签系统。对于那些处理大量分类信息或需要用户自由...

    JQuery 云标签

    总结,jQuery提供了强大的工具来创建云标签,结合HTML、CSS和JavaScript,我们可以构建出富有交互性和视觉吸引力的云标签组件。在实际应用中,可以根据项目需求进行个性化定制,以满足各种功能和视觉要求。

    jquery技巧总结(转)

    **jQuery 技巧总结** jQuery 是一款非常流行的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画制作和Ajax交互等任务。自2006年发布以来,jQuery 已经成为 web 开发不可或缺的一部分。这篇总结将探讨一些...

    Jquery全集 Jquery总结

    - **选择器**:jQuery 提供了 CSS 选择器,如 `$("#id")` 选择 ID 为 `id` 的元素,`$(".class")` 选择所有 class 为 `class` 的元素,`$("tag")` 选择所有指定标签的元素。 - **DOM 操作**:`html()`、`text()` 和 ...

    jquery技巧总结

    **jQuery技巧总结** jQuery是一款广泛应用于前端开发的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本篇文章将深入探讨jQuery的核心技巧,帮助开发者更高效地利用这一强大的工具。 ###...

Global site tag (gtag.js) - Google Analytics