精华内容
下载资源
问答
  • JQery

    2020-08-14 18:12:41
    JQery导图

    JQery导图

    在这里插入图片描述

    展开全文
  • jqery

    2019-09-25 03:27:42
    1. append()和prepend() 假设 <div class='a'> //<---you want div c to append in this <div class='b'>b</div></div>123123使用 $('.a').append($('.c'));...div class=...

    1. append()和prepend()

    假设

    <div class='a'> //<---you want div c to append in this
    <div class='b'>b</div>
    </div>
    1
    2
    3
    1
    2
    3
    使用

    $('.a').append($('.c'));
    1
    1
    效果如下:

    <div class='a'> //<---you want div c to append in this
    <div class='b'>b</div>
    <div class='c'>c</div>
    </div>
    1
    2
    3
    4
    1
    2
    3
    4
    同样使用

    $('.a').prepend($('.c'));
    1
    2
    1
    2
    效果如下:

    <div class='a'> //<---you want div c to append in this
    <div class='c'>c</div>
    <div class='b'>b</div>

    </div>
    1
    2
    3
    4
    5
    6
    1
    2
    3
    4
    5
    6
    2. 使用after()和before()

    同样使用假设代码:

    $('.a').after($('.c'));
    1
    1
    效果如下:

    <div class='a'>
    <div class='b'>b</div>
    </div>
    <div class='c'>c</div>
    1
    2
    3
    4
    1
    2
    3
    4
    同样使用before()

    $('.a').before($('.c'));
    1
    1
    效果如下:

    <div class='c'>c</div>
    <div class='a'>
    <div class='b'>b</div>
    </div>
    1
    2
    3
    4
    1
    2
    3
    4
    总结:

    append() & prepend()是在元素内插入内容(该内容变成该元素的子元素或节点),after() & before()是在元素的外面插入内容(其内容变成元素的兄弟节点)。

     

     

     

    =======================================================
    filer()和children()和find()的区别 (2012-11-14 14:35:41)转载▼
    标签: 杂谈
    .children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈)。参数可选,添加参数表示通过选择器进行过滤,对元素进行筛选。
    .find(selector)方法是返回匹配元素集合中每个元素的后代。参数是必选的,可以为选择器、jquery对象可元素来对元素进行筛选。
    .filter(selector)方法是返回匹配元素集合中每个元素的筛选。参数是必选的,可以为选择器、jquery对象可元素来对元素进行筛选。


    jquery之empty()与remove()区别
    要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把<p>dsfsd</p>中的文本给移除了,而留下 了<p></p>,仍保留其在dom中所占的位置。
    remove([expr])则是把其从dom中删除,而不会保留其所占的位置。
    例:
    <p>Hello</p>
    World
    <p>welcome</p>
    执行$("p").empty()其结果是
    <p></p>
    World
    <p></p>

    执行$("p").remove()其结果是
    World

     


    =====================================
    HTML中jQuery控制button按钮可点击、不可点击
    1.首先来说button按钮不可点击
    1.1第一种(html代码中控制)
    [cpp] view plain copy print?
    <button id="button_id" disabled="disabled">按钮不可点击</button>

    1.2第二种(jquery控制)
    [cpp] view plain copy print?
    $("#button_id").attr('disabled',true);

    2.按钮可点击
    2.1第一种(html代码中控制,默认)
    [cpp] view plain copy print?
    <button id="button_id">按钮可点击</button>

    2.2第二种(jquery控制)
    [cpp] view plain copy print?
    $("#button_id").attr('disabled',false);

     

    =================================================


    $('button').click(function(){
    $(this).css('background','red')
    });
    ============================

    $('#exmp_form input').each(function(){
    var idName= this.id;
    $('#idName').val();
    });
    //exmp_form 为你的表单ID
    //遍历每个input元素
    //idName 为input 元素对应的id值
    //用jquery语法 $('#idName').val(); 获得值

    ==============================================================
    <a>是没有VALUE的,不过你要是想用这个值可以使用Jquery来实现
    如:<a id="aa" href="" value="123">aa</a>
    $("#aa").attr("value")得到的值就是123


    ============================================================
    $("input[id^='code']");//id属性以code开始的所有input标签
    $("input[id$='code']");//id属性以code结束的所有input标签
    $("input[id*='code']");//id属性包含code的所有input标签
    $("input[name^='code']");//name属性以code开始的所有input标签
    $("input[name$='code']");//name属性以code结束的所有input标签
    $("input[name*='code']");//name属性包含code的所有input标签

     

    ===================================
    Jquery的parent和parents(找到某一特定的祖先元素)
    关于Jquery的parent和parents

    parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
    parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。
    可以看出parent取的很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。下面列出例子说明:
    <div id='div1'>
    <div id='div2'><p></p></div>
    <div id='div3' class='a'><p></p></div>
    <div id='div4'><p></p></div>
    </div>

    $('p').parent()取到的是div2,div3,div4
    $('p').parent('.a')取到的是div3
    $('p').parent().parent()取到的是div1,这点比较奇特;不过Jquery对象本身的特点决定了这是可行的。
    $('p').parents()取到的是div1,div2,div3,div4
    $('p').parents('.a')取到的是div3

     

     

     

    parent(exp)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。

    <script src="jquery-1.2.6.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    $("#btn1").click(function(){
    alert($(this).parent().next().html());
    });
    });
    </script>
    </head>
    <body>
    <table>
    <tr>
    <td><input id="btn1" class="btn" type="button" value="test"/></td>
    <td>some text</td>
    </tr>
    </table>
    ....
    其中:
    this.parent()是input前面的td
    this.parent().parent()获取的是tr
    this.parent().parent().parent()获取的是table
    this.parent().next()获取的是td相临的td
    另例子中:

    <div><p>Hello</p><p>Hello</p></div>

    $("p").parent() 得到的是:<div><p>Hello</p><p>Hello</p></div>对象,因为p标签的父标签是div.

    ==========================================
    var a = "iamstring.";
    var b = 222;
    var c= [1,2,3];
    var d = new Date();
    var e = function(){alert(111);};
    var f = function(){this.name="22";};

    最常见的判断方法:typeof
    alert(typeof a) ------------> string
    alert(typeof b) ------------> number
    alert(typeof c) ------------> object
    alert(typeof d) ------------> object
    alert(typeof e) ------------> function
    alert(typeof f) ------------> function
    ================================

    转载于:https://www.cnblogs.com/konglxblog/p/8728819.html

    展开全文
  • jQery

    2019-07-01 19:41:11
    jQuery jQuery 是一套兼容多浏览器的 javascript 脚本库. 核心理念是写得更少,做得更多,使用 jQuery 将极大的提高编写 javascript 代码的效率,帮助开发者节省了大量的工作,让写出来的代码更加优雅, 更加健壮,...

    jQuery
    jQuery 是一套兼容多浏览器的 javascript 脚本库. 核心理念是写得更少,做得更多,使用 jQuery 将极大的提高编写 javascript 代码的效率,帮助开发者节省了大量的工作,让写出来的代码更加优雅, 更加健壮,“如虎添翼”. 同时网络上丰富的 jQuery 插件也让我们的工作变成了"有了 jQuery,一切 soeasy."–因为我们已经站在巨人的肩膀上了。
    jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。如今,jQuery已经成为最流行的 javascript 框架,在世界前 10000 个访问最多的网站中,有超过 55%在使用 jQuery。
    一、jQuery 的下载和安装

    1. 官网
      http://jquery.com/ 下载
    2. 版本
      jQuery 2.x has the same API as jQuery 1.x, but does not support Internet Explorer 6, 7,or 8. (不支持 ie6 7 8,如果需要下载 1.X)
      (1)完整版 : jquery-2.1.4.js -->学习版本(学习源码 想高手学习是最好学习方法)
      (2)压缩版 : jquery-2.1.4.min.js -->开发版本(压缩版,减少传输)
    3. 优点
      (1)提供了强大的功能函数
      (2)解决浏览器兼容性问题
      (3)实现丰富的 UI 和插件
      (4)纠正错误的脚本知识
      太多了! 等待我们一一去发现…
    4. 安装
      在页面引入即可
      四、jQuery选择器
      和使用js操作Dom一样,获取文档中的节点对象是很频繁的一个操作,在jQuery中提供了简便的方式供我们查找|定位元素,称为jQuery选择器,选择器可以说是最考验一个人 jQuery 功力的地方,通俗的讲, Selector 选择器就是"一个表示特殊语意的字符串"。 只要把选择器字符串传入上面的方法中就能够选择不同的Dom 对象并且以 jQuery 包装集的形式返回。
      jQuery 选择器按照功能主要分为"选择"和"过滤"。 并且是配合使用的,具体分类如下。基础选择器掌握即可 ,其他用到再查阅。
    5. 基础选择器 Basics(掌握即可) 选择器 名称 举例 id选择器 #id $("#testDiv")选择id为testDiv的元素 元素名称选择器 element $(“div”)选择所有div元素 类选择器 .class $(".blue")选择所有class=blue的元素 选择所有元素 * $("*")选择页面所有元素 组合选择器 selector1, selector2, selectorN $("#testDiv,span,.blue")同时选中这几个选择器匹配的元素
    id选择器1span中的内容
    元素选择器
    样式选择器

    dom:innerHTML="…",innerText="…"
    jquery: .html("…"),.text("…")
    2. 层次选择器Hierarchy 选择器 名称 举例 后代选择器 ancestor descendant $("#parent div")选择id为parent的元素的所有div元素 子代选择器 parent > child $("#parent>div")选择id为parent的直接div子元素 相邻选择器 prev + next $(".blue + img")选择css类为blue的下一个img元素 同辈选择器 prev ~ sibling $(".blue ~ img")选择css类为blue的之后的img元素

    层次选择器
    层次择器
    父选择器
    子选择器
    选择器2
    选择器2中的div

    var child = KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲parent>div'); c…(this).text()); }); console.log("=====相邻选择器="); var pre_next = $(".gray + img"); console.log(pre_next.length); console.log("=====同辈选择器,其后,(弟弟)="); var pre_siblings = (&quot;.gray img&quot;);console.log(presiblings.length);&lt;/script&gt;&lt;/html&gt;3.Formsj/x:inputinput(&quot;.gray ~ img&quot;); console.log(pre_siblings.length); &lt;/script&gt; &lt;/html&gt; 3. 表单选择器 Forms j/x 选 择器 名称 举例 表单选择器 :input 查找所有的input元素:(":input");注意:会匹配所有的input、textarea、select和button元素。 文本框选择器 :text 查找所有文本框:(&quot;:text&quot;):password(&quot;:text&quot;) 密码框选择器 :password 查找所有密码框:(":password") 单选按钮选择器 :radio 查找所有单选按钮:(&quot;:radio&quot;):checkbox(&quot;:radio&quot;) 复选框选择器 :checkbox 查找所有复选框:(":checkbox") 提交按钮选择器 :submit 查找所有提交按钮:(&quot;:submit&quot;):image(&quot;:submit&quot;) 图像域选择器 :image 查找所有图像域:(":image") 重置按钮选择器 :reset 查找所有重置按钮:(&quot;:reset&quot;):button(&quot;:reset&quot;) 按钮选择器 :button 查找所有按钮:(":button") 文件域选择器 :file 查找所有文件域:$(":file")

    表单验证

    姓名:
    密码:
    年龄:小屁孩 你懂得
    爱好:篮球 爬床 代码
    来自: 请选择 北京 上海
    简介:
    头像:
    提交 重置
    五、jQuery DOM操作
    jQuery也提供了对HTML节点的操作,而且在原生js的基础之上进行了优化,使用起来更加方便。
    常用的从几个方面来操作,查找元素(选择器已经实现);创建节点对象;访问和设置节点对象的值,以及属性;添加节点;删除节点;删除、添加、修改、设定节点的CSS样式;动画操作等。注意:以下的操作方式只适用于jQuery对象。

    1. 操作元素的属性
      获取属性 方法 说明 举例 attr(属性名称) 获取指定的属性值,操作 checkbox 时选中返回 checked,没有选中返回 undefined。 attr(‘checked’) attr(‘name’) prop(属性名称) 获取具有true和false两个属性的属性值 prop(‘checked’)
    aa bb

    bind()方法绑多个事件

    点击查看名言
    展开全文
  • JqERY

    2017-03-20 09:37:00
    //下拉菜单样式 /*查找全部select的下拉菜单*/ function getElemsById(cot_val){ return document.getElementById(cot_val); } var sel= getElemsById("c_select");... var wra...
     //下拉菜单样式
            /*查找全部select的下拉菜单*/
            function getElemsById(cot_val){
                return document.getElementById(cot_val);
            }
            var sel= getElemsById("c_select");
            var wrap= getElemsById("sel_wrap");
            var result=wrap.getElementsByTagName("span");
            sel.onchange=function(){
                var opt=this.getElementsByTagName("option");
                var len=opt.length;
                for(i=0;i<len;i++){
                    if(opt[i].selected==true){
                        var cot_val = opt[i].innerHTML;
                    }
                }
                result[0].innerHTML = cot_val;
            }
            /*查找文本查找图片*/
            var sel_two = getElemsById("c_select_two");
            var result_two = getElemsById("spl");
            sel_two.onchange=function(){
                var opts=this.getElementsByTagName("option");
                var lens=opts.length;
                for(i=0;i<lens;i++){
                    if(opts[i].selected==true){
                        var cot_vals = opts[i].innerHTML;
                    }
                }
                result_two.innerHTML = cot_vals;
            }

     

    展开全文
  • JQERY

    2013-04-26 17:12:58
    以下是你搜索的结果: 对不起没有找到你要搜索的结果: 归还单 e归还单   6}"> ${fn:substring(art.articleTitle,0,15)}   下属 如果你的数据库对应...下属 如果你的数据库对应的字段类型为varch
  • jQery对象

    2019-05-05 19:46:27
    问:什么是jQery对象? 答:jQery对象是一个伪数组 问:什么是伪数组 答:有0到length-1个的角标属性,和length长度属性 <head> <script> $(function () { var $div = $("div"); console.log($div)...
  • JQery再总结

    2018-03-10 21:46:41
    这段时间重温了一下JQery。温故而知新。  JQery很强大,但是自己总是不自觉的用js。JQery就是一个js类库。 在js中不支持多播,这个怎么理解呢?就是按钮只能点击一次。而JQery可以有多个点击事件,js就会覆盖了,...
  • JQery 渐变图片导航,效果不错,非常漂亮。
  • JQery代码笔记

    2018-07-18 16:54:44
    JQery代码:(Jqery 是一个 JavaScript 库,一般都是函数,编写也要保留函数的样式) (有三种函数形式,统一用最简单的: $( function() { }); ) 0、基础: jquery对象.click(事件处理函数);*******绑定事件 ...
  • jQery ajax请求

    2018-12-26 15:04:55
    jQery ajax请求 jQery ajax // 基本参数 $.ajax({ url:&amp;quot;xxxxxxx&amp;quot;, // 请求的url地址 dataType:&amp;quot;json&amp;quot;, // 后台返回格式为json //dataType:&amp;quot...
  • jqery zTree API

    2018-11-22 13:36:46
    jqery zTree官方文档http://www.treejs.cn/v3/main.php#_zTreeInfo
  • jqery 用法总结

    2019-10-07 06:46:34
    jqery 用法总结 1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS...
  • jqery粘贴事件

    2017-05-13 16:29:36
    就是直接用 jqery里面的方法 但这个有局限性 输入框不能隐藏 但贵在简单  流程就是 点击事件然后 得到 url_id里面的内容 触发一个  $("input").trigger("select"); 然后 document.execCommand('copy');...
  • jqery图片展示效果

    2019-10-07 21:48:27
    好久没更新了,加一个jqery图片展示效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><...
  • JQERY limittext 插件为长内容增加一个显示更多的功能
  • 主要介绍了jQery使网页在任何分辨率的显示器上居中显示的方法,需要的朋友可以参考下
  • jqery的学习案例

    2017-03-15 00:18:37
    关于jqery的学习案例1//.js对象转jqery对象 <title></title> <script type="text/javascript" src="../js/jquery-1.8.3.min.js" ></sc
  • jqery 的加载事件

    2017-04-02 17:55:11
    jqery 的加载事件 1、$(function(){  $("#a").click(function(){  //adding your code here  }); }); 2、$(document).ready(function(){  $("#a").click(function(){  //adding your code
  • jQery基础学习的笔记

    2019-06-01 13:05:56
    jQery基础学习的笔记 多库共存问题 释放$的作用 var my$ = .noConflict();此时的.noConflict(); 此时的.noConflict();此时的只是一个变量 my$此时代表 $ 拥有控制权 注意:在JQuery中 jQuery与$ 效果一样 jQuery中...
  • 20201208 jQery

    2020-12-08 10:23:54
    1.jQuery基本语法 $(selector).action(); 为了防止文档在完全加载(就绪)之前运行代码,需 $(document).ready(function(){ }) jQuery使用$符号的简洁方式$==jQuery 2.jQuery使用 ...var $
  • jqery使用方法

    2013-06-08 16:14:06
    jqery使用方法 转 引自:http://blog.chxy.cn/read.php/222.htm Attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test.jpg",alt:"test Image"}); 给某个元素...
  • jqery-1.11.1.min.js和jquery-1.11.1.js 前端开发需要的js包

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 846
精华内容 338
关键字:

jqery