<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

<style>

.div1{width: 1000px; height: 800px; background: yellow; color: red; font-size: 18px;}

</style>

    <script src='../jquery-3.1.1.min.js'></script>

    <script>

    $(function(){

        // $('div').parents('body').css('background','red');

        // $('span').siblings().css('background','yellow');

          // $('h2').clone().appendTo('h3');

          // $('span').wrap('<div>');

          // $('span').wrapInner('<div>');

          // $('h1').unwrap();

          // var elem=$('h1');

          // var elem2=elem.add('h3');

          // elem2.css('background','red');

           // $('li').slice(1,4).css('background','blue');

            // console.log($('form').serialize());

            console.log($('form').serializeArray());

    });

    </script>

</head>

<body>

<div class="div1">

          get()下标，和lenght属性 get（）可以把jquery转成原生的js<br/>

          参数就是集合的下标    用法$('div').get(0).interHtml;   <br/>

          for(i=0; i<$('li').get().length; i++){};  无参数时会循环集合<br/>

          outterWidth(); 可以获取隐藏元素的属性，<br/>

          offsetWidth(); 不可以获取隐藏元素的属性；<br/>

          .html()可以获取写入dom节点标签； .text()只能读取文本可写入文本<br/>

          .remove()删除对象和对象事件； .detach();删除对象但是不删除对象事件<br/>

          $(function(){...})Dom加载完执行函数   $(document).ready();页面加载完执行<br/>

           $('.div2').parents()获取当前元素的祖先节点（）；参数就是筛选的功能；可以过滤多个属性<br/>

          $('.div2').closest(); 获取元素最近的父级节点();必须要写筛选的参数，不支持多个<br/>

          $('div2').siblings();找所有兄弟节点，参数也是筛选功能；<br/>

          $('div2').nextAll();找上面的兄弟节点；<br/>

          $('div2').prevAll(); 找下面的兄弟节点；<br/>

          Until()截止；<br/>

          $('div2').parentsUntil();父级截止-参数为截止节点；<br/>

          $('div2').nextUntil();找上面截止的兄弟节点； 参数为截止的兄弟节点<br/>

          $('div2').prevAll();找下面截止的兄弟节点； 参数为截止的兄弟节点<br/>

          $('div2').clone();克隆节点 无参数的时候不克隆事件；参数为true时克隆事件<br/>

           $('span').wrap('');外部包装；每个标签包装一个; $('span').wrapAll('');<br/>

           $('span').wrapInner('');内部包装；     unwrap();删除包装（不包括body）<br/>

            $('li').slice(1,4); 从参数1，到参数2；选中；<br/>

             $('form').serialize();sting形成的串联；$('form').serializeArray()串联成数组形式<br/>

</div>

<div class="div2">

<span>1span</span>

<span>2span</span>

<h1>h1</h1><h2>h2</h2><h3>h3</h3>

<ul>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

<form>

<input type="text" name="a" value='1'/>

<input type="text" name="b" value='2'/>

<input type="text" name="c" value='3'/>

</form>

</div>

</body>

</html>

jquery----中级函数的更多相关文章

  1. 图片放大功能插件及jquery.extend函数理解

    前端时间,产品提出社区评论中的图片需要有放大功能.感觉可以共用,所以就想整合一个插件,过程中也借鉴了一些例子. 分析下自己的代码思路: var scaleImg = function(opts) { ...

  2. jquery each函数 break和continue功能

    jquery each函数 break和continue功能幸运的是另一个突破,持续一个jQuery循环方式.你可以打破在函数返回一个jQuery参数虚假循环.一个可以继续执行只是在做不指定返回值或返 ...

  3. jQuery 遍历函数

    转载http://www.cnblogs.com/tylerdonet/archive/2013/04/05/3000618.html jQuery 遍历函数包括了用于筛选.查找和串联元素的方法. 函 ...

  4. 关于jquery中用函数来设置css样式

    关于jquery中用函数来设置css样式 2016-12-21 23:27:55 1.jquery语法 $(selector).css(name,function(index,value)) name ...

  5. jQuery.attr() 函数详解

    一,jQuery.attr()  函数详解: http://www.365mini.com/page/jquery-attr.htm 二,jQuery函数attr()和prop()的区别: http: ...

  6. jQuery.noConflict() 函数

    jQuery.noConflict()函数用于让出jQuery库对变量$(和变量jQuery)的控制权. 一般情况下,在jQuery库中,变量$是变量jQuery的别名,它们之间是等价的,例如jQue ...

  7. jQuery.ajax() 函数详解

    jQuery.ajax()函数用于通过后台HTTP请求加载远程数据. jQuery.ajax()函数是jQuery封装的AJAX技术实现,通过该函数,我们无需刷新当前页面即可获取远程服务器上的数据. ...

  8. Jquery核心函数

    在Jquery中,所有的DOM对象都将封装成Jquery对象,而且只有Jquery对象才能使用Jquery方法或者属性来执行相应的操作. 所以Jquery提供了一个可以将DOM对象封装成Jquery对 ...

  9. jQuery.makeArray() 函数详解

    jQuery.makeArray()函数用于将一个类数组对象转换为真正的数组对象. 所谓"类数组对象"就是一个常规的Object对象,但它和数组对象非常相似:具备length属性, ...

  10. jQuery基础之（三）jQuery功能函数前缀及与window.onload冲突

    1.jQuery功能函数前缀 在javascript中,开发者通常会编写一些小函数来处理各种操作细节,例如在用户提交表单时,要将文本框最前端和最末端的空格内容清理掉.而javascript中没有类似t ...

随机推荐

  1. sqlserver 2008R2数据库迁移oracle

    x项目需要,将以前的sqlserver数据库迁移的oracle数据库中,由于以前对oracle只是在DML语句的步骤,所以总结一下这次遇到的问题以及具体步骤 1,oracle新建数据库 新建Oracl ...

  2. git没有changId解决方法

    1.git branch work(从最新节点建立分支,相当于将自己的修改备份到新的分支) 2.git reset --hard HEAD~10(强制回滚多个节点) 3.git status 如果显示 ...

  3. 开源项目导入eclipse的一般步骤

    开源项目导入eclipse的一般步骤 周银辉 下载到开源项目后,我们还是希望导入到eclipse中还看,这样要方便点,一般的步骤是这样的 打开源代码目录, 如果看到里面有.calsspath .pro ...

  4. 在iOS APP中使用H5显示百度地图时如何支持HTTPS？

    现象: 公司正在开发一个iOSAPP,使用h5显示百度地图,但是发现同样的H5页面,在安卓可以显示出来,在iOS中就显示不出来. 原因分析: 但是现在iOS开发中,苹果已经要求在APP中的所有对外连接 ...

  5. 2016-2017-1 《信息安全系统设计基础》 学生博客及Git@OSC 链接

    2016-2017-1 <信息安全系统设计基础> 学生博客及Git@OSC 链接 博客 1452 20145201李子璇 20145202马 超 20145203盖泽双 20145204张 ...

  6. Xcode调试技巧(断点和重构)

    首先是最简单的普通断点有时候不知道是那个方法调用的崩溃的这个方法,传了个奇怪的值,打个断点就就可以在左侧工具栏里看到最近几个方法执行的循序,和那个方法调用的本方法,一般小问题在这里就可以解决啦~ 条件 ...

  7. $.extend()的用法【转】

    1.合并多个对象. 这里使用的就是$.extend()的嵌套多个对象的功能. 所谓嵌套多个对象,有点类似于数组的合并的操作. 但是这里是对象.举例说明. 代码如下: <span style=&q ...

  8. javascript学习笔记10----字符串的基本操作

    1.字符串的基本操作如下: 定义字符串: var str = "Hello World!" 字符串的基本操作如下: str.length-----返回字符串长度,这里返回12 st ...

  9. PMD宣传文案

    队名:Clover 李烈争 031402614 林昊斌 031402615 李坤隆 031402612 林瑞斌 031402617 解宇虹 031402338 林 锦 031402339 目录 一. ...

  10. ionic browser+ios头部高度显示问题

    ionic项目在使用ionic build browser或者打包ios时如果设置头部高度 方法如下 .bar-header { padding:; height:; } .scroll-conten ...