1. input清空内容
<1> $("#选择器id").val("");
<2> $("input[name='input框名称']"); // 选择所有的name属性等于'input框名称'的input元素
<3> $("input[name!='input框名称']"); // 选择所有的name属性不等于'input框名称'的input元素
<4> $("input[name^='input框名称']"); // 选择所有的name属性以'input框名称'开头的input元素
<5> $("input[name$='input框名称']"); // 选择所有的name属性以'input框名称'结尾的input元素
<6> $("input[name*='input框名称']"); // 选择所有的name属性包含'input框名称'的input元素
<7> $("input[id][name$='input框名称']"); // 获取全部含有id属性并且该属性以“input框名称”结尾的元素 2. 获取组件内容
<1> $("#选择器id").text();
<2> $("div[id]"); // 获取所有id为的div信息
<3> $("#框id").val(); // 获取input、select框内容
<4>
<5>
<6> 3. 设置组件内容
$("#选择器id").text("设置的内容");
$("选择器名称").html(页面内容);
http://www.w3school.com.cn/jquery/manipulation_html.asp
4. 去除空格
$.trim($("#组件id")); 5. 显示/隐藏内容
参考: http://www.w3school.com.cn/tiy/t.asp?f=jquery_effect_show_hide
<1> $("#divId").show();// 显示指定div
<2> $("元素标签").show();// 显示指定元素标签内容
<3> $("#divId").hide();// 隐藏指定div
<4> $("元素标签").hide();// 隐藏指定元素标签内容 6. 为组件绑定事件
事件名称: http://www.w3school.com.cn/jsref/jsref_events.asp
注册的事件需在页面加载的时候注册(绑定)
<script>
  <!--页面加载时,为组件注册事件-->
  $(function(){
    $("#组件名称").on('事件名称',function(e){
    // 处理逻辑
  });
});
</script> 7. 选择标签元素组的第一个,并克隆
$("标签元素:first").clone(); 8. 获取iframe父级div块内容
如下结构:在subDiv2里面的iframe中为subDiv1里面追加元素
$('#subDiv1', window.parent.document).append("hello"); <div id='parentDiv'>
<div id="subDiv1">
<span>aa</span>
</div>
<div id='subDiv2'>
<iframe id='a' src=""></iframe>
</div>
</div>
参考:https://stackoverflow.com/questions/726816/how-to-access-iframe-parent-page-using-jquery 9. span 内容操作
//赋值
$("#spanid").html(value);
//取值
$("#spanid").text(); 11. 遍历指定标签元素
参考:http://www.w3school.com.cn/tiy/t.asp?f=jquery_traversing_siblings
var a = $("标签名称");
for ( var i=0;i<a.length;i++ ){
console.log(a[i]);
} 12. 获取指定属性名称的标签对象
$("标签名称[属性名称='属性值']"); 13. 获取指定标签/选择器对应的兄弟
参考:http://www.w3school.com.cn/jquery/traversing_siblings.asp
$("选择器名称(例如:id,class,标签)").siblings();
如果给定一个表示 DOM 元素集合的 jQuery 对象,.siblings() 方法允许我们在 DOM 树中搜索这些元素的同胞元素,并用匹配元素构造一个新的 jQuery 对象 14. 对指定DOM对象操作样式
<1> // 添加OR修改样式
$("选择器名称(例如:id,class,标签)").css('属性名', '属性值');
// 参考:http://www.w3school.com.cn/jquery/attributes_addclass.asp
$("选择器名称(例如:id,class,标签)").addClass('属性值');
<2> // 移除样式 参考:http://www.w3school.com.cn/tiy/t.asp?f=jquery_attributes_removeclass_func
$("选择器名称(例如:id,class,标签)").removeClass(function() {
// 返回需要移除的css样式名称
}); 15. 遍历指定DOM下某一类型的标签/元素
.eq(index值)
参考:http://www.w3school.com.cn/jquery/traversing_eq.asp 16. 待定

jQuery常用操作(待续)的更多相关文章

  1. JQuery常用操作实现方式

    http://www.cnblogs.com/guomingfeng/articles/2038707.html 一个优秀的 JavaScript 框架,一篇 jQuery 常用方法及函数的文章留存备 ...

  2. jQuery—常用操作

    一.jquery各版本变化 1.3:增加live(),为当前和将来增加的元素绑定事件 1.4:增加delegate().undelegate(),替代live(),可以遍历绑定 1.6:2个破坏性变更 ...

  3. Jquery常用操作:checkbox、select取值,radio、checkbox、select选中及其相关

    常用Jquery操作:checkbox取值.select取值.radio选中.checkbox选中.select选中及其相关: 1.影藏页面元素 使用jquery真的很方便,比如要控制div的显示与隐 ...

  4. jQuery 常用操作(转)

    一.书写规则 支持链式操作: 在变量前加"$"符号(var $variable = jQuery 对象): 注:此规定并不是强制要求. 二.寻找元素 选择器 基本选择器 层级选择器 ...

  5. jQuery 常用操作

    jQuery操作: 不像dom是通过等号赋值,它是传递参数 $('#tb:checkbox').prop('checked'); 获取值 $('#tb:checkbox').prop('checked ...

  6. jQuery常用操作

    jQuery jQuery是一个轻量级的JS库,是一个被封装好的JS文件,提供了更为简便的元素操作方式,jQuery封装了DOM. 使用jQuery 引入jQuery文件 <scrtipt sr ...

  7. 160726、jQuery常用操作

    一.简介   定义  jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库. jQuery对象  jQuery产 ...

  8. jQuery常用操作部分总结

    注意:$(“.xxx”)   类,一定要在前面加上点callback为完成后执行的函数名称隐藏显示:hide()   show()淡入淡出:fadeIn()  fadeOut()  fadetoggl ...

  9. jquery常用操作整理

    1.数据中添加或者删除指定元素 var  arr=['red','yello','blue']; arr.push('green');  //添加元素 arr = $.grep(arr,functio ...

随机推荐

  1. mtrace 简介

    内存泄露问题一般会再长时间运行的程序中暴露出来.而且一般很难定位和查找. linux 提供mtrace/muntrace来检测程序是否有内存泄露.一般来说要检测哪一段代码是否有内存泄露,就可以用这一对 ...

  2. 【Python】猜数小游戏

    有点沙雕 temp=input("猜猜我心里想的是哪个数字?") guess=int (temp) if guess==8: print("你是我肚里的蛔虫么?" ...

  3. UVA 11384 Help is needed for Dexter(递归)

    题目链接:https://vjudge.net/problem/UVA-11384 这道题要分析得透: 如果我们手模的话,会发现:如果先将大于$\frac{n}{2}$的数都减去$\frac{n}{2 ...

  4. async 异步协程进阶

    协程通过 async/await 语法进行声明,是编写异步应用的推荐方式 例如新定义一个协程(coroutine object): async def foo(): return 42 首先先来介绍下 ...

  5. Plastic Bottle Manufacturer Tips: Use Caution For Plastic Bottles

    Plastic bottles use polyester (PET), polyethylene (PE), polypropylene (PP) as raw materials, after a ...

  6. lambda表达式在解决java后台分组排序时的应用

    需求:按照起始日期查询出数据库里一段连续日期的住院信息. 问题:数据库里的住院信息可能不是完整的,也就是在给出的日期区间里只有若干天的数据,缺少某些日期的数据. 解决: 1.需要我们先按日期分组查出数 ...

  7. 【原】django实现列表分页功能

    在view.py里添加分页查询方法: from django.http import JsonResponse from django.views.decorators.http import req ...

  8. HTTPS 学习

    问题 数字签名的作用是什么? 为什么 HTTPS 是安全的 CA存在的动机是什么 客户端的公钥的都是一致的吗? 概述 这一节我们将要讲HTTPS,为什么说HTTPS是安全的,而HTTP是不安全的呢,这 ...

  9. 【C语言】(for循环嵌套)找出1000以内的水仙花数

    什么是水仙花数? 水仙花数是指一个 3 位数,它的每个位上的数字的 3次幂之和等于它本身(例如:1^3 + 5^3+ 3^3 = 153). 分析: 根据定义可知: a*a*a+b*b*b+c*c*c ...

  10. Kosaraju's algorithm

    推荐到我的这篇博客中看完整版的. 该算法用于求解有向图的强连通分量,也就是强连通子图的个数. 算法实现摘自Kosaraju's algorithm - 百度百科: #include <iostr ...