小笼包爱编程
小笼包爱编程

jquery 知识点总结

一、匿名函数自执行的优势

  • 使用匿名函数自执行，创建一个私有空间，这样内外部的命名空间就不会相互干扰了。可以避免变量全局污染；

  • 把window做为参数传进来：

    • 一是便于代码压缩，有时候关键字是没法被压缩的
    • 兼容模块化写法。在浏览器环境下，给factory传入的是window
    • 可以节省查找全局window的时间，提高性能

  • noGlobal为undefined，确保undefined可以使用;在低版本undefined会被修改的，函数不传参就是undefined;

(function(global,factory){
    factory(global);
})(typeof window !== "undefined" ? window : this,
    function(global,noGlobal){
        console.log('这里才是jquery源码',global,noGlobal);
    });
//

二、jQuery获取元素

jQuery中的window.onload；

  • $(callBack)
  • $(document).ready(callBack)
  • $().ready(callBack)
    以上的方法可以在页面中同时共存；

jQuery中获取元素方法：

  • $(selector)
$(function(){
    console.log($('.list li'));    
    console.log($('.list span'));          //如果是一个获取不到的元素，那它不会报错。如果要做判断的话，可以判断它的length属性

    //var div3=$('#div2');
    var div2=document.getElementById("div2");       //用原生js获取到的元素不能使用jquery里的方法。如果想用的话，那就把原生js获取到的元素转成jquery的形式
    $(div2).css('background','red');       //把原生js的对象包装成jquery的对象
});

三、jQuery中的事件

  • 语法：$(selector).click(callBack)

    没有on

  • this的问题：
    this的指向和原生中的指向是一样的，但是在jQuery中使用this的话，需要转成$(this)再使用；
    • 原生对象和jQuery对象相互转换：
      1.$(原生对象)，这样就变成了jQuery对象了；
      2.$(selector).get(index)这样就把jQuery对象转成了原生对象；

四、jQuery中常用的方法

  • css( ) 关于样式的操作
    一个参数：获取属性的值；
    两个参数：设置属性的值； 
$('#box').css('width')   //获取属性的值；
$('#box').css('width'，“200px”)  //设置属性的值；
//设置属性的值有简单的方法如下：
$('#box').css({width:200,height:200,background:'green'});

  • 表单value的值

    $(selector).val 获取表单的值；
    $(selector).val（value）设置表单的值；

  • att( ) 关于标签属性的操作

    一个参数：获取属性的值；
    两个参数：设置属性的值；

  • data( ) 给标签添加数据；

    语法：$(p).data({这里面放一个对象})
    有参数的话是添加数据，数据用对象的方式去表示；
    没有参数的话是获取数据；

  • html( )

    取元素中的内容，相当于原生js当中的innerHTML；
    如果放参数的话，就是设置innerHTML；

  • text( )

    取元素里面的文字，不包括标签名；和上面的html（）有区别；
    如果放参数的话，就是设置text；

五、节点DOM操作

  • 获取节点：
    • .first()
    • .last()
    • .slice(start,end)这个和字符串里面的slice的方法一样的，有两个参数的话，从第一个开始，不包括第二个；要是只有一个参数的话，就是从开始的到最后；
    • .find(selector)获取元素里面的所有的节点；选择器里面自由填写；
    • .children()获取元素的第一层子节点；这个里面是可以加参数的；
//上面的例子；
$('ul').children('.blue').css('color','blue');
//就是只是给ul下面的带有class=“blue”的节点添加属性；
  • 父节点与最近的节点
    • .parent()元素的第一层父节点；
    • .parents()元素所有的父节点；往上一直找到html；
    • .closest(condition)从自身开始一层一层往外找，找到最近一个的满足条件的元素；找到这一个就不找了；
  • 创建节点与插入节点
    • $(
    • green
      • )这样写就是创建节点了；
    • 父级.append(要添加的元素)添加到父级的最后；
    • 父级.prepend(要添加的元素)添加到父级的最前面；
    • 元素.before(要添加的元素)添加到指定的元素前面；
    • 元素.after(要添加的元素)添加到指定的元素后面；
var li1=$(
  • red
    • );
$("ul").append(li1);
$("ul").prepend(li1);
var div1=$(
    black
    );
$("ul").before(div1);
$("ul").after(div1);
    • 另外一种写法：把要添加的元素放在前面
    li1.appendTo($("ul"));      //添加到父级的最前面
li1.prependTo($("ul"));     //添加到父级的最后面     
div1.insertBefore($("ul")); //添加到元素的前面
div1.insertAfter($("ul"));  //添加到元素的后面

    • 移除、克隆、上一个、下一个节点

      • 元素.remove()删除节点；
      • 元素.clone(Blooen)克隆元素；
        • 不填参数的话，默认为false；
        • false代表只复制元素，不复制自带的事件；
        • true代表不仅复制元素，还复制身上的事件；
      • .prev()上一个兄弟节点；
      • .next()下一个兄弟节点；

    • 索引：.index()

      • 不带参数：获取到的元素当中的第一个元素在兄弟元素中的排行；
      • 带参数：代表前面的元素在标签（不是兄弟元素，是所有的和参数一样的标签的元素）里面的排行；

      这个概念比较饶人，例子好好演示一下

        <body>
        <p>pp>
        <div>divdiv>
        <div>divdiv>
        
        <div>
            <div id="div1">div>
        div>
        <span>span>
        <span>span>
        <div class="box">
            <span id="s1">s1span>
            <span>span>
            <span>span>
        div>
        <div><span id="s2">s2span>div>
    body>

    <script>
    $(function(){
        console.log($("#div1").index())     //0
        //因为它在它的兄弟元素中排一个；
        console.log($("div").index())      //1
        //在它的兄弟元素中排第二个，索引为1；
        console.log($("#s1").index("span"));//2
        //获取到#s1之后，index里的参数为span，那么就在所有的sapn标签中找，看#s1的位置；
        console.log($("#s1").index("div"));//-1
        //因为div里面没有id=“#s1”的元素，返回-1；
    })
    script>

    通过索引找对应的元素：
    eq(index);参数是索引值；

    • 循环.each( function(i,element){} )
      • i代表每个元素对应的下标（索引）；
      • element每个元素，注意这是原生的元素；
      • 在循环中可以设置一个跳出条件：return或者return false;

    六、元素与可视区的尺寸

    • 元素的尺寸

      • width()获取元素的宽度(值不带单位)；有参数的话，代表设置宽度，参数不用带单位；
      • height()获取元素的高度;有参数的话，代表设置高度，参数不用带单位；
      • innerWidth() width+padding
      • innerHeight() height+padding
      • outerWidth() width+padding+border
      • outerHeight() height+padding+border

    • 可视区的尺寸

      • 页面的宽高
        • $(document).width()页面的宽
        • $(document).height()页面的高
      • 可视区的宽高
        • $(window).width()可视区的宽
        • $(window).height()可视区的高

    • 元素的距离

      • 元素相对于文档的距离
        • offSet().left
        • offSet().top
      • 元素相对于父级的距离
        • position().left
        • position().top

      positon的值是不受margin的影响的；

  • offSetParent找到最近的有定位的父级；
  • 滚动条的距离
    • scrollTop();
    • scrollLeft();
      如果有参数，就代表设置滚动条的位置；

    • 七、事件以及事件对象

    • jQuery添加事件的方法：
    //第一种：不用on；
$('div').click(function{
    console.log(1);
})
//第二种：
$('div').on("click",function{
    console.log(2);
})
//这种用on的方式，事件可以叠加；
$('div').on("click mousemove",function{
    console.log(2);
})

    • 移除事件的方法：

      $(this).off()这种方法会只让以上的this指向相同的事件函数只运行一次，之后就会被移除了；

    • 事件对象

      jQuery中的事件对象（ev）和原生的差不多，少许不同

      • clientX鼠标不带滚动条到左边的距离；
      • pageX鼠标带滚动条到左边的距离；
      • return false相当于原生中的ev.preventDefault和ev.stopPropogation;
    • jQuery中的事件委托
    <ul>
<li>111li>
<li>111li>
<li>111li>
ul>

<script>
    $("ul").on("click","li",function(){
        console.log(1);
    });
script>

    1.只能用on来添加事件，js代码的意思是把ul身上的事件委托给了li去执行；当点击li的时候才会执行click事件；
    2.这里面的this指向的是第二个参数；

    • 自定义事件
      也很简单，都已经封装好了；
      on是添加； trigger是调用； 
    //示例代码；
$("ul").on("点击",function(){
        console.log(1);
    });
$("ul").click(function(){
    $(this).trigger("点击")；
})

    八、工具方法

    • $(选择器).css() $(选择器).html()以上这些都是jquery里的方法，原生的不能直接用;
    • $.xxx(),$.yyy()这些方法是jquery里的方法，原生的也可以直接用;
      • $.type()检测参数的类型;
      • $.isFunction()
      • $.isNumeric()
      • $.isArray()
      • $.isWindow()
      • $.isEmptyObject()检测是不是空对象；
      • $.isPlainObject()检测是不是纯对象；

    九、jQuery中的运动

    • show()和hide();
      • show(duration,easing,complate);
      • hide(时间,运动方式,回调函数);
      • toggle(duration,easing,complate);

        1.让元素在显示隐藏之间转换，会默认修改宽高和透明度等等；
        2.比show和hide有优势，不要去做判断了

    • fadeOut()和fadeIn();
      • fadeOut();隐藏；
      • fadeIn();显示；
      • fadeToggle();

        用法和show和hide差不多；只不过不改变宽高，只改变透明度；

    • slideUp()和slideDown();

      • slideUp(duration,easing,complate)收缩；
      • slideDown(duration,easing,complate)展开；
      • slideToggle();
        jquery 知识点总结_第1张图片

    • animate()

      • animate(property,duration,easing,complate)
        • property：要运动的属性；它是一个对象；
      • $(?).animate({width:'toggle',height:"toggle"},500,'linear');
        jquery 知识点总结_第2张图片
      • $('#div3').animate({width:'+=100'},500,'linear');

      这里面的+=表示每次运动宽度都增加一段；

  • 延迟与停止动画

    • 延迟动画delay(time);
    • 停止动画
      • stop()只停止当前的运动，后面的继续走；
        jquery 知识点总结_第3张图片
      • stop(true)所有的运动都会停止；
        jquery 知识点总结_第4张图片
      • stop(true,true)当前的运动到目标点，后面不走；
      • finishi()所有的运动都立刻到目标点，没有运动；

    • 十、jQuery中的插件


    • 网上多得是，要注意看它们的api文件；
    • 拓展插件的方法：

    1. $.extend()扩展工具方法下的插件；
    2. $().fn.extend()扩展jQuery对象下的插件 $().extend()； 
    //extent里面传的是一个对象；
$.extend({
    leftTrim:function(str){
                 return str.replace(/^\s+/,'');
             },
    rightTrim:function(str){
                 return str.replace(/\s+$/,'');
             }
});
//上面��写的是工具方法；          
    var str=' kaivon ';
    console.log(str);
    console.log($.leftTrim(str));
    console.log($.rightTrim(str));

    你可能感兴趣的:(jquery 知识点总结)

    • 【JS】JS中的jQuery库简介及使用方法 菜就多练少说 javascriptjavascriptjquery开发语言
      jQuery简介及使用方法jQuery简介如何使用jQuery1导入jQuery库2编写自己的jQuery文件3jQuery语法3.1基础语法3.2文档就绪函数3.3选择器3.4事件绑定函数结语jQuery简介jQuery是一个流行的JavaScript库，用于简化JavaScript编程。它提供了许多便捷的方法来处理DOM操作、事件处理、动画效果等，使得JavaScript开发变得更加简单和高效
    • 计算机毕业设计Java河南省农村多元化养老服务管理系统设计与实现(源码+系统+mysql数据库+lw文档) 山逸网络 数据库javamysql
      计算机毕业设计Java河南省农村多元化养老服务管理系统设计与实现(源码+系统+mysql数据库+lw文档)计算机毕业设计Java河南省农村多元化养老服务管理系统设计与实现(源码+系统+mysql数据库+lw文档)本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win1
    • C++入门基础------类的介绍 XG丶小哥 C++c++
      本文是对C++的一些知识点总结以及自己的理解，建议是对于C有较好的理解或者是学过一些C++的同学使用，可以加深自己的理解！C++基础一、类的定义二、创建类对象三、访问类的成员四、类成员变量和成员函数五、C++类的访问权限六、类的简单封装七、类的构造函数八、C++构造函数初始化列表九、析构函数十、this指针十一、C++中的静态变量十二、静态函数十三、const成员函数一、类的定义类是创建对象的模板
    • jQuery的substring由后向前截取字符串的方法 潮易
      substring方法定义和用法substring方法用于提取字符串中介于两个指定下标之间的字符。语法stringObject.substring(start,stop)参数描述start必需。一个非负的整数，规定要提取的子串的第一个字符在stringObject中的位置。stop可选。一个非负的整数，比要提取的子串的最后一个字符在stringObject中的位置多1。如果省略该参数，那么返回的子
    • JavaScript的学习6——jQuery 十五春会
      文章目录jQuery选择器按ID查找按tag查找按class查找按属性查找组合查找多项选择器练习层级选择器子选择器（ChildSelector）过滤器（Filter）表单相关练习查找和过滤操作DOM修改Text和HTML修改CSS显示和隐藏DOM获取DOM信息操作表单修改DOM结构添加DOM删除节点练习事件鼠标事件键盘事件其他事件事件参数取消绑定事件触发条件浏览器安全限制练习动画show/hide
    • 计算机组成原理与系统结构 知识点总结-简答题3【中央处理器+Flynn分类法+指令级并行+线程级并行-多处理机】 Geometry Fu 计算机组成原理与系统结构算法
      中央处理器42.流水线中有哪三种冒险？请简述，并至少举出一种解决冒险的方法。结构冒险：需要的资源被占用（硬件资源冲突）。将指令和数据分别存储；设计指令/数据高速缓存。数据冒险：需要等待前面指令完成其读写操作。转发（旁路）；代码重排；阻塞和冒泡。控制冒险：根据前面正在执行的指令决策控制操作。静态分支预测；动态分支预测；分支延迟。Flynn分类法43.请简述Flynn分类法将计算机系统结构分成哪四类。
    • 使用jQuery实现动态下划线效果的导航栏 几度泥的菜花 jquery前端javascript
      在现代网页设计中，动态效果是提升用户体验的重要手段之一。今天，我们将通过一个简单的例子，展示如何使用jQuery实现一个带有动态下划线效果的导航栏。这个效果在用户点击不同的导航标签时，下划线会平滑地移动到当前选中的标签下方，并且标签的样式也会随之改变首先，我们需要一个基本的HTML结构来创建导航栏。假设我们有四个导航标签，每个标签都有一个共同的类名item，并且我们还需要一个div元素来作为下划线
    • Node_文件上传&令牌 katsukichan Node
      信息获取来源EnoYao创建脚手架expresskatsuki-project（express名称）在katsuki-project目录下安装依赖包npminstall上传单文件项目在katsuki-project安装multer模块npminstallmulter--save目录中创建一个uploads文件夹，不创建运行也会自动创建项目结构publicjavascriptsjquery.jsup
    • Effeckt.css项目：CSS交互动画应用集锦 weixin_33982670 javascriptViewUI
      目前，网上有大量基于CSS转换的实验和示例，但它们都过于分散，而Effeckt.css的目标就是把所有基于CSS/jQuery动画的应用集中起来，例如：弹窗、按钮、导航、列表、页面切换等等。Effeckt.css是一个集合了众多新鲜而又实用的CSS/jQuery动画效果应用，既适用于网站也适用于手机Web开发，例如：弹窗、按钮、导航、列表、页面切换等等，这些特效动画都能给你的网站提升一定用户体验，
    • 基于Golang的微服务——Consul winyh5 golang微服务consul
      自我简介：4年导游，10年程序员，最近6年一直深耕低代码领域，分享低代码和AI领域见解。这系列文章很基础，主要给想尝试后端技术栈的前端看的，后端大佬别看了，很可能浪费你的时间。虽然我更擅长写前端相关的知识点总结文章，但是也阻止不了我对后端技术的向往啊,后端相关的文章质量不会高，主要目的是为了记录自己的学习历程，也是希望把自己的短板和缺点暴露出来，跟小伙伴们一起成长。初衷学习Go很大一个原因是因为想
    • mysql数据库连接语句_mysql/mariadb知识点总结（2）：连接数据库语句 monprotocol mysql数据库连接语句
      本文总结了在命令行下连接mysql的常用命令在本博客中，”mysql”是一个系列文章，这些文章主要对mysql/mariadb的常用知识点进行了总结，每一篇博客总结的知识点有所不同，具体内容可参考mysql文章列表。mysql文章列表直达链接：mysql知识点总结如下命令表示使用root用户(mysql的root用户，非系统root用户)连接到mysql数据库，-u表示指定用户，-p表示将会提示输
    • Jquery源码分析 W_wjl1900 前端学习jquery源码
      转载地址原作者博客/*!*jQueryJavaScriptLibraryv1.10.2*http://jquery.com/**IncludesSizzle.js*http://sizzlejs.com/**Copyright2005,2013jQueryFoundation,Inc.andothercontributors*ReleasedundertheMITlicense*http://jq
    • 【LeetCode1447.最简分数】从最简分数到辗转相除法的证明及算法实现 Lf_MrF LeetCode刷题总结用Go刷力扣算法leetcodegolang
      LeetCode1447-辗转相除法LeetCode1447.最简分数题目分析知识点总结辗转相除法数字转字符串Go代码实现LeetCode1447.最简分数给你一个整数nnn，请你返回所有000到111之间（不包括000和111）满足分母小于等于nnn的最简分数。分数可以以任意顺序返回。示例1：输入：n=2输出：[“1/2”]解释：“1/2”是唯一一个分母小于等于2的最简分数。题目分析这道题目可以
    • js 封装ajax方法吗,原生JS封装ajax方法 里小咸 js封装ajax方法吗
      jquery框架的ajax方法固然好用，但是假如某天我们的项目不能引入jquery或项目需求很简单，没有很多交互功能，只需要ajax，这时引入jquery库会造成资源浪费，也会显得页面臃肿。这时我们就需要用原生JS写一个ajax函数了。/*封装ajax函数*@param{string}opt.typehttp连接的方式，包括POST和GET两种方式*@param{string}opt.url发送请
    • JavaEE 项目常见错误解决方案 一弦一柱 JavaEE常见错误中文乱码JSP404
      JavaEE项目常见错误解决方案数据库连接JavaBean获取不到数据库字段值或出现意料之外的值业务中出现null或""404NOTFOUNDGET请求中文乱码form表单提交中文乱码最近的实训中，练了一个比较基础的项目，JSP+Servlet+JavaBean，完成两张表的CRUD操作，前端使用Bootstrap和JQuery，交互使用AJAX，IDE选用Eclipse,在时间比较仓促的情况下完
    • LLM大语言模型项目知识点总结——Gunicorn、Flask和Docker NLP的小Y 语言模型gunicornflask
      一、Flask框架1.1Blueprint流程：创建蓝图对象；在蓝图上定义路由和视图函数；在应用程序对象上注册蓝图(url_prefix参数指定蓝图的URL前缀)1.2CORS(app)Cross-OriginResourceSharing处理跨域的需求[email protected]_request钩子函数,在正常执行的时候插入一些东西，先执行这个东西然后再正常执行（hook）；并且先执行flas
    • 【POSIX 线程库函数】 niuTaylor 算法linux嵌入式c语言嵌入式软件
      以下是关于POSIX线程库（pthread）的核心知识点总结，涵盖线程管理、同步机制及常见面试问题：一、线程基础1.线程创建与终止创建线程：pthread_createintpthread_create(pthread_t*thread,constpthread_attr_t*attr,void*(*start_routine)(void*),void*arg);thread：存储新线程的ID。a
    • 关于Jquery基本内容一 gloria123_ jquery前端javascript
      jQuery(jQ)html+css+js1jQ是一个js库,封装了大量的特定的集合(函数和方法)如animate()、css()、show()等2使用jQ大大提高开发效率,简化dom操作常见的js库jQueryYUIDojoExtJszeptojQuery选择器$(selector)筛选方法parent()$(“li”).parent()children(selector)$(“ul”).chi
    • 计算机毕业设计springboot晋中学院失物招领系统的设计与实现unst3源码+系统+程序+lw文档+部署 呦呦网络 springbootjavamysql
      计算机毕业设计springboot晋中学院失物招领系统的设计与实现unst3源码+系统+程序+lw文档+部署计算机毕业设计springboot晋中学院失物招领系统的设计与实现unst3源码+系统+程序+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Wi
    • 计算机毕业设计JAVA人职匹配推荐系统mybatis+源码+调试部署+系统+数据库+lw 诺诺网络 javamybatis开发语言
      计算机毕业设计JAVA人职匹配推荐系统mybatis+源码+调试部署+系统+数据库+lw计算机毕业设计JAVA人职匹配推荐系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5
    • Python计算机二级编程题真题及考点总结【纯干货】 python二级小助手 全国python二级考试python开发语言pip笔记经验分享
      Python计算机二级编程题真题及考点总结【纯干货】一、前言相较于各类Python基础教程和二级经验分享类文章，个人认为如果只是想要考取计算机二级证书的话，最快且有效的方法应是在明晰考纲的前提下有针对性的进行学习，达到以最短时间考取证书的目的。因此除真题外，本篇重点在于总结Python二级考试中的编程题(占60分)的考查内容及知识点总结，让Python小白能在一周内掌握绝大多数编程题的解题方法，顺
    • MySql数据库等级考试学习分享2（Day1） weixin_53545579 学习
      模式/内模式映像保证数据库系统中的数据能够具有较高的()OA、逻辑独立性OB、物理独立性OC、共享性OD、结构化知识点总结1.数据库三级模式结构外模式（用户级）：用户视图，描述数据的局部逻辑结构（如用户查询的表）。模式（概念级）：全局逻辑结构，定义数据的逻辑组织和关系（如数据库表结构）。内模式（物理级）：数据的物理存储方式（如文件存储格式、索引结构）。2.模式/内模式映像的作用定义：模式与内模式之
    • 员工管理系统（简单版） java王不二 后端java
      1、项目介绍员工管理系统9功能简单，实现了用户的注册和登录、增删改查用户，适合新手学习2、项目技术后端框架：Servlet、mvc模式前端技术：jsp、css、JavaScript、JQuery3、开发环境JAVA版本：JDK1.8IDE类型：IDEA、Eclipse都可运行tomcat版本：Tomcat7-10版本均可数据库类型：MySql（5.x和8.x版本都可）maven项目：否硬件环境：W
    • javaweb——AJAX快速入门 小羊持续开发 javawebajaxjavascript前端
      目录AJAX1.AJAX介绍2.AJAX概述3.为什么使用AJAX特点应用场景运行原理4.JQuery的AJAX```JS参数**post方式****get方式**区别：AJAX1.AJAX介绍传统项目前后端不分离，用户触发一个http请求服务器，然后服务器接收之后，在做出响应到用户，并且返回一个新的页面，也就是说交互都是通过页面刷新或页面跳转来实现。这样的方式对于用户体验来将其实并不友好，少量的
    • JavaWeb——AJAX(附三级联动省、市、区案例） weixin_43820008 JavaWebjavaajaxjavascriptjavaweb
      目录1.定义1.1优点2.基于jQuery的AJAX2.1语法2.2JSON2.3案例3.传统的WEB数据交互VSAJAX数据交互4.AJAX原理5.三级联动案例5.1案例说明5.2代码1.定义AJAX：异步的JavaScript和xml，并不是新的编程，指的是一种交互方式，异步加载，客户端和服务器的数据交互更新在局部页面的技术，不需要刷新整个页面（局部刷新）1.1优点局部刷新，效果更好用户体验更
    • html中绑定点击事件的三种方法 我是陈大大 html前端javascript
      HTML中为button绑定事件的方式有三种。例如以下标签：submit一、使用jquery进行绑定$('#btn_submit').click(function(){});二、使用原生js绑定（注意：InternetExplorer8及更早IE版本不支持addEventListener()方法，Opera7.0及Opera更早版本也不支持。这类浏览器版本要使用attachEvent()方法来添加
    • jQuery 三 jQuery事件注册、处理、绑定on()、解绑 off()、自动触发事件 trigger() ；事件对象——阻止冒泡、默认行为 ；对象拷贝extend；多库共存，插件，本地存储案例 Hyman-ya jQueryjavascript
      1.jQuery事件注册语法：element.事件(function(){事件处理程序})1.单个事件注册$("div").click(function(){$(this).css("background","purple");});$("div").mouseenter(function(){$(this).css("background","skyblue");});其他事件和原生基本一致。比
    • html js实现列表自动滚动 蔡燃 JavaScript列表滚动自动滚动数据绑定鼠标事件
      1.列表滚动js/*蔡燃列表自动滚动v1.0.0备注：需要jquery*//***列表自动滚动*@paramdata列表数据*@paramel列表绑定的元素*@paramoptions配置*/functionlistRoll(data,el,options){vardefaults={movePx:1,//移动距离（px）moveTime:20,//移动时间间隔(毫秒)showNum:5,//显示
    • jQuery 入门到精通 abments 前端jquery前端javascript
      jQuery入门到精通：详尽指南目录jQuery简介jQuery基础安装jQueryjQuery选择器DOM操作事件处理jQuery进阶动画效果AJAX插件项目实践简单的待办事项列表获取和显示API数据高级技巧性能优化调试技巧资源和总结1.jQuery简介jQuery是一个快速、小巧且功能丰富的JavaScript库，它使HTML文档的遍历和操作、事件处理、动画以及AJAX交互更简单。jQuery
    • VUE + Jquery 集成的一个简易数学公式编辑器 今天也想MK代码 努力把想法实现vuejqueryjswebhtml
      前端数学公式自定义编辑界面可自定义未知数、运算符号、函数自己写的一个数学公式简单编辑器，本想找开源，无奈找不到。如果有开源，请发我一份，参考参考。在此感谢。静态1、简单公式：例如x+y将公式中的变量（x,y）以及运算符(+,-)放在一个数组中，遍历这个这个数组组成一个html字符串，然后显示在页面。数组定义为：type定义是值还是运算符valueDatas:[{type:'value',domTy
    • java观察者模式 3213213333332132 java设计模式游戏观察者模式
      观察者模式——顾名思义，就是一个对象观察另一个对象，当被观察的对象发生变化时，观察者也会跟着变化。 在日常中，我们配java环境变量时，设置一个JAVAHOME变量,这就是被观察者，使用了JAVAHOME变量的对象都是观察者，一旦JAVAHOME的路径改动，其他的也会跟着改动。 这样的例子很多，我想用小时候玩的老鹰捉小鸡游戏来简单的描绘观察者模式。 老鹰会变成观察者，母鸡和小鸡是
    • TFS RESTful API 模拟上传测试 ronin47
             TFS RESTful API 模拟上传测试。 　　 细节参看这里：https://github.com/alibaba/nginx-tfs/blob/master/TFS_RESTful_API.markdown 模拟POST上传一个图片： curl --data-binary @/opt/tfs.png http
    • PHP常用设计模式单例, 工厂, 观察者, 责任链, 装饰, 策略,适配,桥接模式 dcj3sjt126com 设计模式PHP
      // 多态, 在JAVA中是这样用的, 其实在PHP当中可以自然消除, 因为参数是动态的, 你传什么过来都可以, 不限制类型, 直接调用类的方法 abstract class Tiger { public abstract function climb(); } class XTiger extends Tiger { public function climb()
    • hibernate 171815164 Hibernate
      main,save Configuration conf =new Configuration().configure(); SessionFactory sf=conf.buildSessionFactory(); Session sess=sf.openSession(); Transaction tx=sess.beginTransaction(); News a=new
    • Ant实例分析 g21121 ant
              下面是一个Ant构建文件的实例，通过这个实例我们可以很清楚的理顺构建一个项目的顺序及依赖关系，从而编写出更加合理的构建文件。           下面是build.xml的代码： <?xml version="1
    • [简单]工作记录_接口返回405原因 53873039oycg 工作
               最近调接口时候一直报错，错误信息是:       responseCode:405 responseMsg:Method Not Allowed        接口请求方式Post.
    • 关于java.lang.ClassNotFoundException 和 java.lang.NoClassDefFoundError 的区别 程序员是怎么炼成的
         真正完成类的加载工作是通过调用 defineClass来实现的；  而启动类的加载过程是通过调用 loadClass来实现的；  就是类加载器分为加载和定义   protected Class<?> findClass(String name) throws ClassNotFoundExcept
    • JDBC学习笔记-JDBC详细的操作流程 aijuans jdbc
      所有的JDBC应用程序都具有下面的基本流程：　　1、加载数据库驱动并建立到数据库的连接。　　2、执行SQL语句。　　3、处理结果。　　4、从数据库断开连接释放资源。 下面我们就来仔细看一看每一个步骤： 其实按照上面所说每个阶段都可得单独拿出来写成一个独立的类方法文件。共别的应用来调用。 1、加载数据库驱动并建立到数据库的连接：   Html代码  St
    • rome创建rss antonyup_2006 tomcatcmsxmlstrutsOpera
      引用 1.RSS标准 RSS标准比较混乱，主要有以下3个系列 RSS 0.9x / 2.0 : RSS技术诞生于1999年的网景公司(Netscape)，其发布了一个0.9版本的规范。2001年，RSS技术标准的发展工作被Userland Software公司的戴夫 温那(Dave Winer)所接手。陆续发布了0.9x的系列版本。当W3C小组发布RSS 1.0后，Dave W
    • html表格和表单基础 百合不是茶 html表格表单meta锚点
      第一次用html来写东西,感觉压力山大,每次看见别人发的都是比较牛逼的 再看看自己什么都还不会,   html是一种标记语言,其实很简单都是固定的格式   _----------------------------------------表格和表单 表格是html的重要组成部分,表格用在body里面的 主要用法如下; <table> &
    • ibatis如何传入完整的sql语句 bijian1013 javasqlibatis
              ibatis如何传入完整的sql语句？进一步说，String str ="select * from test_table"，我想把str传入ibatis中执行，是传递整条sql语句。         解决办法： <
    • 精通Oracle10编程SQL(14)开发动态SQL bijian1013 oracle数据库plsql
      /* *开发动态SQL */ --使用EXECUTE IMMEDIATE处理DDL操作 CREATE OR REPLACE PROCEDURE drop_table(table_name varchar2) is sql_statement varchar2(100); begin sql_statement:='DROP TABLE '||table_name;
    • 【Linux命令】Linux工作中常用命令 bit1129 linux命令
      不断的总结工作中常用的Linux命令   1.查看端口被哪个进程占用   通过这个命令可以得到占用8085端口的进程号，然后通过ps -ef|grep 进程号得到进程的详细信息   netstat -anp | grep 8085   察看进程ID对应的进程占用的端口号   netstat -anp | grep 进程ID &
    • 优秀网站和文档收集 白糖_ 网站
      集成 Flex, Spring, Hibernate 构建应用程序   性能测试工具-JMeter   Hmtl5-IOCN网站   Oracle精简版教程网站   鸟哥的linux私房菜   Jetty中文文档   50个jquery必备代码片段   swfobject.js检测flash版本号工具
    • angular.extend boyitech AngularJSangular.extendAngularJS API
      angular.extend 复制src对象中的属性去dst对象中. 支持多个src对象. 如果你不想改变一个对象，你可以把dst设为空对象{}: var object = angular.extend({}, object1, object2). 注意: angular.extend不支持递归复制. 使用方法: angular.extend(dst, src); 参数:
    • java-谷歌面试题-设计方便提取中数的数据结构 bylijinnan java
      网上找了一下这道题的解答，但都是提供思路，没有提供具体实现。其中使用大小堆这个思路看似简单，但实现起来要考虑很多。 以下分别用排序数组和大小堆来实现。 使用大小堆： import java.util.Arrays; public class MedianInHeap { /** * 题目：设计方便提取中数的数据结构 * 设计一个数据结构，其中包含两个函数，1.插
    • ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本 Chen.H ajaxFileUploadie6ie7ie8ie9
      jQuery.extend({ handleError: function( s, xhr, status, e ) { // If a local callback was specified, fire it if ( s.error ) { s.error.call( s.context || s, xhr, status, e ); }
    • [机器人制造原则]机器人的电池和存储器必须可以替换 comsci 制造
             机器人的身体随时随地可能被外来力量所破坏,但是如果机器人的存储器和电池可以更换,那么这个机器人的思维和记忆力就可以保存下来,即使身体受到伤害,在把存储器取下来安装到一个新的身体上之后,原有的性格和能力都可以继续维持.....        另外,如果一
    • Oracle Multitable INSERT 的用法 daizj oracle
      转载Oracle笔记-Multitable INSERT 的用法 http://blog.chinaunix.net/uid-8504518-id-3310531.html 一、Insert基础用法 语法：     Insert Into 表名 (字段1,字段2,字段3...）     Values (值1,
    • 专访黑客历史学家George Dyson datamachine on
      20世纪最具威力的两项发明——核弹和计算机出自同一时代、同一群年青人。可是，与大名鼎鼎的曼哈顿计划（第二次世界大战中美国原子弹研究计划）相 比，计算机的起源显得默默无闻。出身计算机世家的历史学家George Dyson在其新书《图灵大教堂》（Turing’s Cathedral）中讲述了阿兰·图灵、约翰·冯·诺依曼等一帮子天才小子创造计算机及预见计算机未来
    • 小学6年级英语单词背诵第一课 dcj3sjt126com englishword
      always 总是 rice 水稻，米饭 before 在...之前 live 生活，居住   usual 通常的 early 早的 begin 开始 month 月份   year 年 last 最后的 east 东方的 high 高的   far 远的 window 窗户 world 世界 than 比...更  
    • 在线IT教育和在线IT高端教育 dcj3sjt126com 教育
      codecademy  http://www.codecademy.com codeschool  https://www.codeschool.com teamtreehouse  http://teamtreehouse.com lynda http://www.lynda.com/ Coursera https://www.coursera.
    • Struts2 xml校验框架所定义的校验文件 蕃薯耀 Struts2 xml校验Struts2 xml校验框架Struts2校验
        >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月11日 15:54:59 星期六 http://fa
    • mac下安装rar和unrar命令 hanqunfeng mac
      1.下载：http://www.rarlab.com/download.htm 选择 RAR 5.21 for Mac OS X 2.解压下载后的文件 tar -zxvf rarosx-5.2.1.tar 3.cd rar sudo install -c -o $USER unrar /bin #输入当前用户登录密码 sudo install -c -o $USER rar
    • 三种将list转换为map的方法 jackyrong list
        在本文中，介绍三种将list转换为map的方法： 1） 传统方法 假设有某个类如下    class Movie { private Integer rank; private String description; public Movie(Integer rank, String des
    • 年轻程序员需要学习的5大经验 lampcy 工作PHP程序员
      在过去的7年半时间里，我带过的软件实习生超过一打，也看到过数以百计的学生和毕业生的档案。我发现很多事情他们都需要学习。或许你会说，我说的不就是某种特定的技术、算法、数学，或者其他特定形式的知识吗？没错，这的确是需要学习的，但却并不是最重要的事情。他们需要学习的最重要的东西是“自我规范”。这些规范就是：尽可能地写出最简洁的代码；如果代码后期会因为改动而变得凌乱不堪就得重构；尽量删除没用的代码，并添加
    • 评“女孩遭野蛮引产致终身不育 60万赔偿款1分未得”医腐深入骨髓 nannan408
      先来看南方网的一则报道： 再正常不过的结婚、生子，对于29岁的郑畅来说，却是一个永远也无法实现的梦想。从2010年到2015年，从24岁到29岁，一张张新旧不一的诊断书记录了她病情的同时，也清晰地记下了她人生的悲哀。 　　粗暴手术让人发寒 　　2010年7月，在酒店做服务员的郑畅发现自己怀孕了，可男朋友却联系不上。在没有和家人商量的情况下，她决定堕胎。 　　12月5日，
    • 使用jQuery为input输入框绑定回车键事件 VS 为a标签绑定click事件 Everyday都不同 jspinput回车键绑定clickenter
      假设如题所示的事件为同一个，必须先把该js函数抽离出来，该函数定义了监听的处理：   function search() { //监听函数略...... }   为input框绑定回车事件，当用户在文本框中输入搜索关键字时，按回车键，即可触发search():   //回车绑定 $(".search").keydown(fun
    • EXT学习记录 tntxia ext
        1. 准备   （1） 官网：http://www.sencha.com/   里面有源代码和API文档下载。   EXT的域名已经从www.extjs.com改成了www.sencha.com ，但extjs这个域名会自动转到sencha上。   （2）帮助文档：   想要查看EXT的官方文档的话，可以去这里h
    • mybatis3的mapper文件报Referenced file contains errors xingguangsixian mybatis
      最近使用mybatis.3.1.0时无意中碰到一个问题： The errors below were detected when validating the file "mybatis-3-mapper.dtd" via the file "account-mapper.xml". In most cases these errors can be d
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他