JQuery 常用代码

1、选择器

1.根据标签名: $(‘p‘)  选择文档中的所有段落
    2. 根据ID: $("#some-id")
    3.类: $(‘.some-class‘) $(‘.tab curr‘).removeClass("curr");.

$(‘tr:odd‘).addClass(‘odd‘); //过滤选择结果集中的奇数元素

   $(‘tr:even‘).addClass(‘even‘); //过滤选择结果集中的偶数元素

2、this

onclick="changestate();$(this).addClass(‘curr‘)"

3、隐藏和显示

$(‘#some-id‘).show();    //无效果,会自动记录原来的display属性值(如:block, inline),再回复display值
  $(‘#some-id‘).hide();  //无效果,等效于:$(‘#some-id‘).css(‘display‘, ‘none‘);   隐藏元素,不保留物理位置
  大小、透明度逐渐变化的显示或隐藏
  $(‘#some-id‘).show(‘slow‘); //指定显示速度,在指定时间内元素的高、宽、不透明度逐渐增加到属性值,有:slow是0.6秒,normal是0.4秒,fast是0.2秒,或者直接填入毫秒数
  $(‘#some-id‘).hide(800); //与.show()指定速度显示一样,指定时间内高、宽、不透明度逐渐减小到0
  淡入淡出
   $(‘some-id‘).fadeIn(‘slow‘); //指定时间内不透明度属性值由0增加到1
   $(‘some-id‘).fadeOut(‘slow‘); //指定时间内不透明度值由1减小到0

4、var textval = $("#text_id").val();

5、移除匹配元素中的元素,类似清空元素
  $(‘#some-id‘).empty();

6、从DOM中移除匹配的元素及其后代元素
  $(‘#some-id‘).remove();

时间: 2024-11-03 05:21:47

JQuery 常用代码的相关文章

jquery常用代码--(一)

在工作中,常用的特效,其实不是很多.主要分为以下几大类: 1.常见Tab切换                  2.有关输入框 input的简单交互                  3.进度条                 4. Banner切换                 5.可拖拽弹出层                 6.文字超出则省略且显示为点点                 7.内容区内部右边3D云标签 1.常见Tab切换         $(function(){     

JS/Jquery常用代码1

1.Jquery解析Json数据: var remark_msg=jQuery.parseJSON(result); $.each(remark_msg,function(i,n) { $("#remark_content").val(n.remark); $("#remark_msg").html(n.name+"于"+n.rtime+"备注!"); } ) 2.数据确认: var r=confirm('您确认要清除所分配的

Jquery常用代码

Jquery中常用追加元素的几种方法: //append(),在父级最后追加一个子元素 //appendTo(),将子元素追加到父级的最后 //prepend(),在父级最前面追加一个子元素 //prependTo(),将子元素追加到父级的最前面 //after(),在当前元素之后追加(是同级关系) //before(),在当前元素之前追加(是同级关系) //insertAfter(),将元素追加到指定对象的后面(是同级关系) //insertBefore(),将元素追加到指定对象的前面(是同级

JQuery常用代码汇总

获取<input />的value $("#id").val( ); 标签间的html $("#id").html('<tr><td>aaa</td> </tr>'); 隐藏/显示 $("#id").show(); $("#id").hide(); 去字符串的前后空格 $.trim(str); ID=con标签内的html的追加 $("#con")

jQuery 常用代码集锦

1. 选择或者不选页面上全部复选框 var tog = false; // or true if they are checked on load $('a').click(function() { $("input[type=checkbox]").attr("checked",!tog); tog = !tog; }); 2. 取得鼠标的X和Y坐标 $(document).mousemove(function(e){ $(document).ready(func

jquery常用代码--(二)

3.进度条       1.横向进度条带固定百分比               function SetProgress(progress) {                                 if (progress) {                              $(".inner").css("width", String(progress) + "%"); //控制#loading div宽度       

!!! jquery mobile常用代码

Jquery MOBILE: <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jq

jQuery代码开发技巧收集,jquery常用的开发代码

jQuery代码开发技巧收集,jquery常用的开发代码 今天分享一个jquery常用的开发代码,大部分是网友总结的,总共60条.后期我也会陆续完善! 把我在开发中常用的写在这里,希望持续关注~~ 1. 使用siblings()来处理同类元素 // Rather than doing this $('#nav li').click(function(){ $('#nav li').removeClass('active'); $(this).addClass('active'); }); //

基于jQuery 常用WEB控件收集

Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件. Horizontal accordion: jQuery jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion. jQuery-Horizontal Accordion AutoComplete-JQuery jQuery插件易于集成到现在的表单中(Form). AutoComplete-JQuery Facebook