`

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标签切换知识点总结源码

    jquery标签切换知识点总结源码,都是一些很常用的知识点,和大家交流

    JQuery教程自学笔记总结

    JQuery教程自学笔记总结 1 一、概述 4 二、JQuery技术综述 5 2.1 JQuery基本语法 5 2.1.1 JQuery选择器 6 2.2 JQuery事件响应 8 2.2.1 常见的JQuery事件 9 2.2.2 淡入淡出效果 12 2.2.3 滑动效果 15 2.2.4 ...

    jQuery Mobile快速入门245页完整版.pdf + 所有源码.7z

    第3章 使用页眉、工具栏和标签栏来导航  3.1 页眉栏  3.1.1 页眉基础知识  3.1.2 页眉结构  3.1.3 页眉定位  3.1.4 页眉按钮  3.1.5 既有文本又有图标的按钮  3.1.6 只带有图标的按钮  3.1.7 带有...

    jquery实现鼠标移动出现提示信息

    标题“jQuery 实现鼠标移动出现提示信息”表明我们将使用 jQuery 库来实现鼠标移动时出现提示信息的功能。这项功能广泛应用于网站中,例如提示 ToolTips、帮助信息等。 描述解析 描述“jQuery 实现鼠标移动出现提示...

    Bootstrap与jQuery UI框架设计(前端开发工程师系列)

    2.2.1 文本标签和容器标签 2.2.2 文本输入框 2.2.3 textarea输入区域 2.2.4 HTML5新增标签 操作案例:制作信息收集页面 3 jQuery Mobile API 3.1 jQuery:Mobile API 3.2 jQuery Mobile事件 3.2.1 页面事件 3.2.2 ...

    jQuery选择器总结之常用元素查找方法

    jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $(“#myELement”) 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $(“div”) 选择...

    jquery 给动态生成的标签绑定事件的几种方法总结

    经常遇到给动态生成的标签绑定事件不好用,自己简单测试总结了下,结论如下了: &lt;body&gt; &lt;!-- 下面是用纯动态方式生成标签 --&gt; 生成a标签 &lt;input type=button value=生成a标签 id=...

    jQuery中的通配符选择器使用总结

    jquery选择器中的通配符经常用到,大致的用法总结如下: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id属性...

    javascript代码-使用代码解决Jquery给easyui的表单元素赋值,获取值总结的源代码

    ——学习参考资料:仅用于个人学习使用! javascript代码-使用代码解决Jquery给easyui的表单元素赋值,获取值总结的源代码

    实训 jQuery开发交互效果页面--留言页面.pptx

    我们可以通过 script 标签引入 jQuery 库,例如:&lt;script src="https://code.jquery.com/jquery-3.5.1.min.js"&gt;&lt;/script&gt; 2. jQuery 选择器的使用方法:jQuery 提供了多种选择器来选择 HTML 元素,例如:`$('#id')`...

    jQuery基础知识小结

    1、基础  jquery对象集:  $():jquery对象集合  获取jquery对象集中的... 使用jquery的eq方法获取jquery对象集中的jquery对象元素:  $(‘img[alt]’).eq(0)  $(‘img[alt]’).first()  $(‘img[alt]’).last

    《jQuery Mobile快速入门》.((美)Brad Broulik ).[PDF]

    通过本书的学习,读者将会获悉jquery mobile的核心特性,以及如何创建可主题化的设计,还会掌握jquery mobile的api,以及如何使用phonegap来扩展jquery mobile。 《jquery mobile快速入门》适合想要掌握jquery ...

    04-javaWeb-jQuery.7z

    jQuery数据遍历、val设置、标签设置、元素创建  案例4-省市联动 选择器——表单对象属性过滤选择器 案例5-左右移动 总结 ———————————————— 版权声明:本文为CSDN博主「oooola」的原创文章,...

    jQuery代码优化方法总结

    1、最快的选择器:id选择器和元素标签选择器 举例来说,下面的语句性能最佳: $('#id') $('form') $('input') 遇到这些选择器的时候,jQuery内部会自动调用浏览器的原生方法(比如getElementById()),所以它们的...

    jQuery简单选择器

    jQuery各类选择器总结,包括类的选择、ID的选择以及标签的选择等

    jquery选择器使用详解

    jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $(“#myELement”) 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $(“div”) 选择...

    基于jquery trigger函数无法触发a标签的两种解决方法

    起因:点击icon图标后要触发a标签的链接转跳动作,但是用 JQ 的 $(‘#a’).trigger(‘click’) 居然不起作用,遂百度之,总结两种方法如下: (原因:JQ 的 trigger() 方法确实无法触发 a 标签的转跳动作。) 1:JQ ...

    jQuery EasyUI开发技巧总结

    jQuery EasyUI开发技巧总结 1、使用tabs时,如果使用的不是url,而是content,则要嵌入iframe addTab({ title:node.text, closeable:true, content:‘&lt;iframe src="'+url+'" frameborder="0" style="border:0...

Global site tag (gtag.js) - Google Analytics