1、避免冲突

jQuery 使用 $ 符号作为 jQuery 的简介方式

 <html>

 <head>

     <script type="text/javascript" src="jquery-1.12.2.min.js"></script>

     <script type="text/javascript" src="demo.js"> ;</script>

 </head>

 <body>

 <h2>This is a heading</h2>

 <p>This is a paragraph.</p>

 <p>This is another paragraph.</p>

 <button type="button">Click me</button>

 </body>

 </html>
 /**

  * Created by kunyashaw  on 2016/3/23.

  */

 var jq = jQuery.noConflict();

 jq(document).ready(function(){

     jq("button").click(function(){

         jq("p").hide();

     });

 });

2、jquery常用

<html>

<head>

    <meta charset="utf-8">

    <script type="text/javascript" src="jquery-1.12.2.min.js"></script>

    <script type="text/javascript" src="demo.js"> ;</script>

</head>

<body>>

<div id="divAll">

<p id="p2">这是段落中的<b>粗体</b>文本。</p>

<br/>

<p id='p1'>This is a paragraph.</p>

<br/>

<a href="http://www.baidu.com" id="a1"> baidu </a>

<br/>

姓名:<input id='input'> </input>

<div style="

        position: relative;

        width: 100px;

        height: 200px;

        background-color: blueviolet;">

    This is another paragraph.</div>

<button type="button" id='button1'>Click me</button>

<button type="button" id="button2">Click me2</button>

<button type="button" id="button3">显示text</button>

</div>

<button type="button" id="button4">显示html</button>

</body>

</html>
/**

 * Created by 众磊 on 2016/3/23.

 */

;

$(document).ready(function(){

    $("#button1").click(function(){

        var div= $('div');

        var height = $('div').length;

        $('div').hide(500, function () {

           if(height-- > 1)

           {return}

            else

           {

            alert("over");}

        });

        $("#p1").css("color","red").slideUp(2000).slideDown(2000);

    });

    $("#button2").click(function () {

       var a = $('a1');

        alert($("#a1").attr('href'));

        var input = $('input');

        alert(input.val());

        input.val("oh no!张众磊");

    });

    var p = $('#p2');

    $("#button3").click(function () {

        alert(p.text());

        p.html('<b>haha</b>');

    });

    $("#button4").click(function () {

        //alert(p.html());

        p.text("fucking");

        $("#divAll").empty();

    });

});

12、jQuery知识总结-2的更多相关文章

  1. jQuery知识重构

    jQuery知识重构 目录: 一.入口函数 1          $(document).ready(function(){}); 2          $(function(){}); jQuery ...

  2. js进阶 13-11/12 jquery如何实现折叠导航

    js进阶 13-11/12 jquery如何实现折叠导航 一.总结 一句话总结:还是用的slideToggle滑动效果,并且这一个展开时,所有兄弟都关闭. 1.文字缩进怎么设置? 感觉设置margin ...

  3. jQuery知识梳理20190817

    目录 jQuery知识梳理20190817 1. jQuery的特征 2. jQuery的两把利器 2.1 jQuery核心函数 2.2 jQuery核心对象 3. jQuery核心函数详解 4. j ...

  4. 最全的jQuery知识汇总

    本帖最后由 断天涯大虾 于 2016-12-26 10:22 编辑<ignore_js_op> jQuery是什么? jQuery是javascript编写一个可重用的JavaScript ...

  5. jQuery 知识体系

    jQuery基础知识一 jQuery之知识二-选择器 [jQuery知识]jQuery之知识三-过滤器 [jQuery知识]jQuery之知识四-DOM和CSS操作 [jQuery知识]jQuery之 ...

  6. jQuery知识集锦

      CreateTime--2017年2月16日14:00:22Author:MarydonjQuery知识集锦1.empty()与remove()的区别 <select id="ty ...

  7. js进阶 12 jquery事件汇总

    js进阶 12 jquery事件汇总 一.常用事件 页面载入事件 ready() 文档就绪事件(当 HTML 文档就绪可用时) 鼠标事件 click() 触发.或将函数绑定到指定元素的 click 事 ...

  8. jQuery知识梳理20190818

    目录 jQuery知识梳理20190818 1. 时间绑定和解绑 2. 区别mouseover与mouseenter 3. 时间委托(委派/代理) 4 . 多库共存 5.window.onload与$ ...

  9. 12 jQuery的ajax

    什么是ajax AJAX = 异步的javascript和XML(Asynchronous Javascript and XML) 简言之,在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页 ...

随机推荐

  1. 【Shell脚本学习23】Shell函数参数

    在Shell中,调用函数时可以向其传递参数.在函数体内部,通过 $n 的形式来获取参数的值,例如,$1表示第一个参数,$2表示第二个参数... 带参数的函数示例: #!/bin/bash funWit ...

  2. 跨平台移动开发phonegap/cordova 3.3全系列教程-结合asp.net/jqmboile

    遠程app配置 把編譯後的www資料夾,復制到遠程地址(目錄結構不要改變), 例如:建議使用app-framework 1.加入jquery mobile1.4点击打开链接 2.加入app-frame ...

  3. lintcode中等难度5道题

    1.整数转罗马数字 对任一个罗马数字可以 由12个罗马字符进行加法操作完成,且大数在左,小数在右,可以将一个数字进行拆分来求解 2.买卖股票的最佳时机 II 可将问题转换为只要相连的两天prices[ ...

  4. 判断一个点是否在多边形区域内--C算法

    /*函数的输入:(1)当前点的坐标p(2)区域顶点数组pt[]:(3)顶点数nCount 输出: 在区域内返回TRUE,否则返回FALSE.  Point类型是一个结构: struct Point { ...

  5. Android（java）学习笔记78：Java类初始化顺序

    1. Java类中初试化的顺序: 由此得出Java普通类初始化顺序结论: (1)静态变量 (2)静态初始化块 (3)变量 (4)初始化块 (5)构造器 由此得出Java继承类初始化顺序结论: (1)继 ...

  6. 【51nod1705】七星剑（成环DP）

    点此看题面 大致题意: 你要把一把剑从0星升至7星,有n颗宝石供你选择,第i颗宝石的价值是c[i],用第i颗宝石将剑从k-1星升至k星的成功率是prob[k][i],而失败后会掉lose[k][i], ...

  7. Matlab将多幅图片保存为mat

    %% 储存某目录所有的图片 pt = 'd:\imgs\'; ext = '*.jpg'; dis = dir([pt ext]); nms = {dis.name}; for k = 1:lengt ...

  8. kubernetes-配置管理（十一）

    Secret https://kubernetes.io/docs/concepts/configuration/secret/ Secret解决了密码.token.密钥等敏感数据的配置问题,而不需要 ...

  9. 【luogu P3608 [USACO17JAN]Balanced Photo平衡的照片】 题解

    题目链接:https://www.luogu.org/problemnew/show/P3608 乍一看很容易想到O(N^2)的暴力. 对于每个H[i]从i~i-1找L[i]再从i+1~n找R[i], ...

  10. UITableView 优化总结

    最近在微博上看到一个很好的开源项目VVeboTableViewDemo,是关于如何优化UITableView的.加上正好最近也在优化项目中的类似朋友圈功能这块,思考了很多关于UITableView的优 ...