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

    2017-12-25 11:54:00
    1 定义: jquary是快速简介的Javascrīpt框架 2 分类 : 1) .js类 源代码的未压缩的可以进行更改的jquary 2) min.js类 为提升运行速度而压缩的jquary 一般引用此类 3 引用: ...

      1   定义:    jquary是快速简介的Javascrīpt框架

      2  分类 :          1)  .js类           源代码的未压缩的可以进行更改的jquary

                                2) min.js类        为提升运行速度而压缩的jquary                 一般引用此类

      3  引用:             添加新文件夹   jquary ;  将jquary文件复制到文件夹中,然后再拖到js之前;

      4  基本选择器:    1)    id =id1         id选择器获取:                  $ ('# id1') 

                                   2)    class=div1    class选择器获取:            $  (".div1")

                                   3)    标签             标签                                  $  ('标签名')   例如:$("div")

      5   组合选择器:  并列选择器           用 ,隔开          例:$('#id1,div1')                就是给   class选择器为div1和div2的赋事件        

                                  后代选择器           用空格隔开        例   $('.div1  .div2')             就是给  div1里含有div2的class选择器为div2的赋事件

      6   过滤选择器: 1  首个                   用first                例   $('.div1:first')              从一堆div1 class选择器里选第一个

                                 2  尾个                   用last                       $('.div1:last')              从一堆div1 class选择器里选最后一个

                                 3  等于                   用eq                         $('.div1:eq(1)')       从一堆div1 class选择器里选eq索引的哪一个

                                 4  大于                   用gt                          $('.div1:gt(1)')         从一堆div1 class选择器里选gt索引的哪一个,后边的选择器为div1  

                                 5  等于                   用it                           $('.div1:it(2)')           从一堆div1 class选择器里选gt索引的哪一个,前边的选择器为div1  

                                 6 排除                    用not                        $('div1:not(#id1 )')       从一堆div1选择器里排除掉有id选择器为id1的div1选择器

                                 7 奇数                    用odd                       $('div1:odd )')              从一堆div1选择器里选择索引值为奇数的div1选择器

                                 8 偶数                     用even                     $('div1:even )')

                                9 属性名过滤   1)     有属性名                  $('.div1[type-data]')       从一堆div1选择器里选择有属性type-data的选择器

                                                        2)  属性名没有或不是   $('.div1:not(.div1[type-data])')      从一堆div1选择器里选择没有属性type-data的选择器           

                               10 属性名与值过滤       属性名=值             $(.div1[type-data])

    转载于:https://www.cnblogs.com/hezhilong/p/8108738.html

    展开全文
  • JQuary

    2019-09-07 15:28:49
    一、概念 一个JavaScript框架。简化JS开发 jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨 是“write Less,Do More”,即倡导写...

    一、概念
    一个JavaScript框架。简化JS开发
    jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨 是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优 化HTML文档操作、事件处理、动画设计和Ajax交互。
    二、步骤
    1. 下载JQuery
    2. 导入JQuery的js文件:导入min.js文件
    3. 使用
    var div1 = KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲div1"); 三、选择器 …(slector)
    基本选择器
    1. 标签选择器(元素选择器)
    * 语法: $(“html标签名”) 获得所有匹配标签名称的元素
    2. id选择器
    * 语法: $("#id的属性值") 获得与指定id属性值匹配的元素
    3. 类选择器
    * 语法: $(".class的属性值") 获得与指定的class属性值匹配的元素
    4. 并集选择器:
    * 语法: $(“选择器1,选择器2…”) 获取多个选择器选中的所有元素
    层级选择器
    1. 后代选择器
    * 语法: $("A B ") 选择A元素内部的所有B元素
    2. 子选择器
    * 语法: $(“A > B”) 选择A元素内部的所有B子元素
    属性选择器
    1. 属性名称选择器
    * 语法: $(“A[属性名]”) 包含指定属性的选择器
    2. 属性选择器
    * 语法: $(“A[属性名=‘值’]”) 包含指定属性等于指定值的选择器
    3. 复合属性选择器
    * 语法: $(“A[属性名=‘值’][]…”) 包含多个属性条件的选择器
    过滤选择器
    1. 首元素选择器
    * 语法: :first 获得选择的元素中的第一个元素
    2. 尾元素选择器
    * 语法: :last 获得选择的元素中的最后一个元素
    3. 非元素选择器
    * 语法: :not(selector) 不包括指定内容的元素
    4. 偶数选择器
    * 语法: :even 偶数,从 0 开始计数
    5. 奇数选择器
    * 语法: :odd 奇数,从 0 开始计数
    6. 等于索引选择器
    * 语法: :eq(index) 指定索引元素
    7. 大于索引选择器
    * 语法: :gt(index) 大于指定索引元素
    8. 小于索引选择器
    * 语法: :lt(index) 小于指定索引元素
    9. 标题选择器
    * 语法: :header 获得标题(h1~h6)元素,固定写法
    表单过滤选择器
    1. 可用元素选择器
    * 语法: :enabled 获得可用元素
    2. 不可用元素选择器
    * 语法: :disabled 获得不可用元素
    3. 选中选择器
    * 语法: :checked 获得单选/复选框选中的元素
    4. 选中选择器
    * 语法: :selected 获得下拉框选中的元素
    四、DOM操作
    内容操作
    1. html(): 获取/设置元素的标签体内容 内容 --> 内容
    2. text(): 获取/设置元素的标签体纯文本内容 内容 --> 内容
    3. val(): 获取/设置元素的value属性值
    属性操作
    1. 通用属性操作
    1. attr(): 获取/设置元素的属性
    2. removeAttr():删除属性
    3. prop():获取/设置元素的属性
    4. removeProp():删除属性
    * attr和prop区别?
    1. 如果操作的是元素的固有属性,则建议使用prop
    2. 如果操作的是元素自定义的属性,则建议使用attr
    2. 对class属性操作
    1. addClass():添加class属性值
    2. removeClass():删除class属性值
    3. toggleClass():切换class属性
    4. css():
    CRUD操作:
    1. append():父元素将子元素追加到末尾
    * 对象1.append(对象2): 将对象2添加到对象1元素内部,并且在末尾
    2. prepend():父元素将子元素追加到开头
    * 对象1.prepend(对象2):将对象2添加到对象1元素内部,并且在开头
    3. appendTo():
    * 对象1.appendTo(对象2):将对象1添加到对象2内部,并且在末尾
    4. prependTo():
    * 对象1.prependTo(对象2):将对象1添加到对象2内部,并且在开头
    5. after():添加元素到元素后边
    * 对象1.after(对象2): 将对象2添加到对象1后边。对象1和对象2是兄弟关系
    6. before():添加元素到元素前边
    * 对象1.before(对象2): 将对象2添加到对象1前边。对象1和对象2是兄弟关系
    7. insertAfter()
    * 对象1.insertAfter(对象2):将对象2添加到对象1后边。对象1和对象2是兄弟关系
    8. insertBefore()
    * 对象1.insertBefore(对象2): 将对象2添加到对象1前边。对象1和对象2是兄弟关系
    9. remove():移除元素
    * 对象.remove():将对象删除掉
    10. empty():清空元素的所有后代元素。
    * 对象.empty():将对象的后代元素全部清空,但是保留当前对象以及其属性节点
    五、动画
    三种方式显示和隐藏元素
    默认显示和隐藏方式
    1. show([speed,[easing],[fn]])
    2. hide([speed,[easing],[fn]])
    3. toggle([speed],[easing],[fn])
    滑动显示和隐藏方式
    1. slideDown([speed],[easing],[fn])
    2. slideUp([speed,[easing],[fn]])
    3. slideToggle([speed],[easing],[fn])
    淡入淡出显示和隐藏方式
    1. fadeIn([speed],[easing],[fn])
    2. fadeOut([speed],[easing],[fn])
    3. fadeToggle([speed,[easing],[fn]])
    六、遍历
    jq的遍历方式
    1. jq对象.each(callback)
    语法:
    jquery对象.each(function(index,element){});
    * index:就是元素在集合中的索引
    * element:就是集合中的每一个元素对象
    * this:集合中的每一个元素对象
    2. $.each(object, [callback])
    3. for…of:
    for(元素对象 of 容器对象)
    七、事件
    || 鼠标事件 | 键盘事件 | 表单事件 | 文档/窗口事件 |
    | ------------ | ------------ | ------------ | ------------- |
    | click | keypress | submit | load |
    | dbclick | keydown | changer | resize |
    | mouseenter | keyup | focus | scroll |
    | mouseleave | | blur | unload |
    | hover | | | || |
    |–|--|
    | | |
    1.click() 方法是当按钮点击事件被触发时会调用一个函数。
    2.dblclick() 当双击元素时,会发生 dblclick 事件。
    3.mouseenter() 当鼠标指针穿过元素时,会发生 mouseenter 事件。
    4.mouseleave() 当鼠标指针离开元素时,会发生 mouseleave 事件。
    5.mousedown() 当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。
    6.mouseup() 当在元素上松开鼠标按钮时,会发生 mouseup 事件。
    7.hover()方法用于模拟光标悬停事件。
    当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,会触发指定的第二个函 数(mouseleave)。
    8.focus() 当元素获得焦点时,发生 focus 事件。
    当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。
    9.blur() 当元素失去焦点时,发生 blur 事件。

    展开全文
  • jQuary

    2017-02-24 19:46:00
    1、引入一个插件 2、("").click(){加个方法} 3、用click比onclick好,不是写死的, 4、bind(“事件”)方法是绑定,可以绑定多个事件,事件之间用英文逗号隔开,每个事件后面是一个function ...

    1、引入一个插件

    2、("").click(){加个方法}  

    3、用click比onclick好,不是写死的,

    4、bind(“事件”)方法是绑定,可以绑定多个事件,事件之间用英文逗号隔开,每个事件后面是一个function

    5、this在哪个标签中代表什么对象

    6、不期望某个效果的时候用到解绑

    7、失去焦点blur

    8、dblclick()

    9、error如果加载不正确现实啥,load

    10、mousemove前方放的是鼠标指针的位置,body和document是一样的

    11、function中加一个e,相当于event,你出发信息都会放到这个对象中,返回到这个e中,方法形参不用声明,形参建议声明

    12、常见的标签都有click时间:div、span有

    13、JS的方法:(1)、有参数名(2)、匿名:多用在事件响应(3)、

    14、方法的形参可以有多个,只会赋值给第一个

    15、JAVA事件戳要找一下

    16、type得到当前事件的信息

    17、bind('click dblick',function(){})

    18、onkeyup是原生的方法,keyup是jQuery

    19、press按一下就触发

    20、resize()调整窗口大小

    21、浏览器默认表单标签有这个提交的功能,input (submit) 改成img就是插入图片了

    22、button也可以提交数据,就是刷新页面了,用ajax用浏览器截获

    23、preventDefault()阻止提交,不然会提交出去的,覆盖之前的方式不想这样提交的时候,截获然后按照自己的方式来

    24、slideToggle:显示隐藏

    25、animate动画说明

    26、所有的动画效果后面都可以加一个函数,你想做什么就把动画效果加进去

    27、chaining允许我们多次链接,每次添加完都是一个标签对象

    28、样式相关:val()得到输入框里的内容

    29、text只设置文本,没有标签效果可以在方法里加一个return,从服务器获得的数据就能显示出来

    30、attr是改变函数的值

    31、可以直接$("<i></i>")这样创建一个斜体标签,用一个变量存储起来

    32、向元素添加类

    33、火狐浏览器有些fireBug

    34、class就是个属性?

    35、.each可以循环遍历一个数组

    36、noconflict():提出$的所有权

    37、layer是一款口碑极佳的web弹层组件

    38、火狐firebug,http把很多信息给服务器了

    39、学习的方法都是jQuery封装的,原生的比较麻烦

    40、Ajax异步js和xml技术:阿贾克斯的原理,异步就想到多线程了,无刷新状态更新页面

    41、银行模块,异步请求,做数据挖掘的时候Ajax评论、42

    42、127.0.0.1:8088请求,服务器返回的是标签数据

          请求:找到路径

          异步 JavaScript 和 XML

    43、把远程的某个数据加载到box中(load方法)

    44、改服务器的内容

    45、缓存?刷新,底层刷新

    46、服务器和客户端的请求方式一样

    47、阿帕奇:php

    48、安装wampmanager完了以后要下载360中的人工服务搜索msvc然后

    49、gvChartInit();红色部分为google的chart tools框架的引用,必须要引用并在js方法中调用方法gvChartInit();才能正常使用,并且这么强大的报表功能只能在线使用,允许用户每天访问5W次,想要离线使用的话只能用其他的报表框

    50、find() 方法获得当前元素集合中每个元素的后代,搜索所有段落中的后代 span 元素,并将其颜色设置为红色:

    51、通过使用滑动效果,隐藏被选元素,如果元素已显示出来的话。

     

     

     

    转载于:https://www.cnblogs.com/ailsalin/p/6440031.html

    展开全文
  • Jquary

    2016-11-10 14:55:00
    选择器: 1:id :$('#id') eg:$('#p1').css('color','red');//代替了#p1{color:red;} 2:calss :$('.p1') eg:$('.p1').css('color','red');//代替了.p1{color:red;} 3:标签选择器(不推荐*选择... ...
    选择器:
         1:id    :$('#id')  
         eg:$('#p1').css('color','red');//代替了#p1{color:red;} 
         2:calss :$('.p1')
         eg:$('.p1').css('color','red');//代替了.p1{color:red;} 
         3:标签选择器(不推荐*选择器)
         eg:$('p').css('color','red');//代替了.p1{color:red;} 
        4:多重选择器
         eg: <span>123</span>
              <div>12312</div>
               <script>
              $(function(){
                  $('p,div').css('color','red');
              });
             </script>
        5:层次选择器
            E   F  e元素所欲的后代元素       
               E>F  e元素的子元素
             E+next  e元素后紧邻的标签为next的兄弟元素,等于next()
              E~siblings  e元素后的所有的标签为siblings的兄弟元素,等于nextAll()
              eg:给div标签后紧邻的p标签添加颜色
                 $('div+p').css('color','red');
                 $('div').next().css('color','red');
                给div标签后所有的p标签添加颜色
                $('div~p').css('color','red');
               $('div').nextAll().css('color','red');
         6:过滤选择器:(用法:只举一例,其他参考手册)
            :first
            $('p:first').css();       
             注意:标签内嵌套标签时单引号和双引号错开使用,若计算偶数则下标从0算起
         7:属性选择器
             A:<p title="js">safs</p>
              选取title为js的p标签添加红色,注意title可以为原有标签,也可以为自己自定义的标签
             $('p[title=js]').css('color','red');
            或者$('p[title]').css('color','red');
            B:选取含有title和myuu属性的p元素,注意title可以为原有标签,也可以为自己自定义的标签
             $('p[title=js][myuu]').css('color','red');
             C:子元素:div的子标签p的第一个标签
            $('div p:first-child').css('color','red');
         8:表单元素及表单元素属性选择器 
              $(':input[type=checkbox]').val();   
            $(':input:disabled').val();   
             $(':input[disabled=disabled]').val(); 
             $('select:selected').val(); 
           9:dom筛选        
               $('p:eq(0)').css();    //给指定下标为0的p标签添加颜色     
               $('p').filter('#second').css(); //奇偶数添加    
               $('p').click(function(){//单击p标签给当前添加颜色
             if($(this).is('.first')){
               $(this).css('backgound','red');
             }
              });
             $('p').not(':last').css();//给p标签添颜色,除了最后一个
              $('p').not('#secone').css();//给p标签添颜色,除了id为second的p标签
              $('input').map(function(){ //将一组元素转换为数组(一般不用,因为有一个序列化的方法比这个更好用)
              return $(this).val();
              }).get().join(',');//,即将三组文本框中的值用逗号隔开并转为字符串
              slice():$('p').slice(1,5).css();//    选中下标为1,2,3,4的元素,包含1,不包含5。也可传入负数
           10:dom遍历查找:(注:返回一组元素的都可以加参数,返回一个的不能加参数)
              $('#p1').parent().css(); //通过子节点p1找到父节点wrap
             $('#p1').parents('.outer').css();//选取祖先元素,通常加参数,表示范围为class为outer的标签为止
              $('p1').offsetParent().css();//offsetParent()返回父元素中第一个其position设为relative或者absolute的元素,仅对可见元素有效
              $('#p2').siblings('div').css();//选择p2所有的兄弟元素(可加参数)
            $('span').parent().css('color','red').end().css('color','blue')//先设置红色再设置成蓝色,颜色可重叠。链式操作,end()函数
             $('input').each(function(){//用的不多,因为效率低,后面有工具函数可以代替它
             alert($(this).val());
          });
        11:dom操作:
            a:创建节点:分为内部插入和外部插入。
            内部插入:插入后是子元素
            外部插入:插入后是兄弟元素
            $('body').append('<div>div标签</div>');//给页面添加了一个div标签
            或者也可以这样写:
            var str='<div>div标签</div>';
           $('body').append(str);
           $('p').append('<div>div标签</div>');//向p标签的尾部插入div标签,div是p的所有子标签中排序在最后一个
            $('<div>div标签</div>').appendTo('p');//结果和上一句一样

    转载于:https://www.cnblogs.com/longhaijun/p/6050963.html

    展开全文
  • jquary基础

    2020-11-19 07:36:48
    什么是jQuary 简单来说,一个js库;将原生的js封装成方法,便于我们使用 jQuary的优点 减轻搽脸面膜纸 兼容性:好,适配所有浏览器 轻量级:只有几kb,体积比较小,渲染比较快 支持插件扩展 链式调用:隐式迭代...
  • 预习 jQuary

    2019-09-23 23:04:12
    一、jQuary简介 1、jQuery 库 - 特性 jQuery 是一个 JavaScript 函数库。 jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 ...
  • jquary插件系统

    2018-01-15 21:33:32
    jquary插件系统
  • jQuary学习笔记

    2020-05-16 17:33:57
    1,jQuary 是一个快速的,简洁的javascript类库。 2,jQuary的特点 轻量级:压缩后文件小。 链式语法:S(“p.surprise”).add(“tom”) CSS 选择器:支持css选择器 简单:较其他js库更容易入门。 易扩展:可扩展 3...
  • jQuary斑马条纹

    2020-06-13 00:35:28
    <!... <... <head> ...link rel="stylesheet" href="./css/script05.css">...-- 引入jquary和插件 --> <script src="./jqr/jquery-1.12.4.min.js"></script> <script src
  • 下面小编就为大家带来一篇对jQuary选择器的全面总结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • jQuary 局部加载jsp

    2020-10-15 21:36:30
    需要用到JQuary局部加载 只要换一下之间的数据即可 在一个完整的jsp页面里,拿走公共的数据部分 <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script > $...
  • 开源类库-JQuary

    2018-05-14 08:50:39
    《HTML5基础知识、核心技术与前沿科技》一...JQuary类库就是一个集成js文件,是一套简洁快速灵活的javascript脚本库,其中已经设计好了相应的方法,只需要引入并应用即可,相当于Java中的jar包,集成了开发人员所需...
  • jQuary 语法知识

    2015-05-18 09:13:00
    jQuary语法实例 $(this).hide(); 演示jQuary hide 函数,隐藏当前的HTML元素 ,代码如下: <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <...
  • Jquary 遍历一个JSON对象或者数组 1.后端接口返回的JSON如下: { "habit": { "msg": "", "code": 1000, "data": { "id": 26, "yizhou"...
  • jquary高级和ajax

    2019-02-21 21:00:00
    jquary高级: 1、动画 1、三种方式显示与隐藏元素 1、默认显示和隐藏的方式 1、show([speed],[easing],[fn]):显示 [speed],[easing],[fn] speed:三种预定速度之一的字符串("slow","normal", or "fast...
  • jquary 获取表单内容

    2018-08-10 21:52:00
    $(selector).serializeArray() ...jquary 代码 页面输入框内容 控制台得到结果(所有的input的输入值) 此方法需要得到name,如果name的值为空就得不到 这个时候得到了两...
  • JQuary使用经验汇总

    2018-07-24 12:57:31
    JQuary使用经验汇总 纯个人向 html():可以返回或者修改指定标签,类,id的内容 $("#id1").html()//返回ID1的值 $("#id2").html("这是被修改的内容")//修改ID2的内容 attr...
  • Jquary与Bootstrap散记

    2018-06-24 13:51:00
    Jquary与Bootstrap仅做学习所用Bootstrap.col-xs- &lt;768px.col-sm- &lt;992px.col-md- &lt;1200px.col-lg- ...
  • 关于jquary的treeview动态刷新 代码新人一枚不定期更新一些小东西,希望可以帮到一部分需要的朋友 最近在做前端项目的时候需要做一个树的结构,于是选择了jquary的treeview,这个直接可以从百度上找到. jquary的树结构...

空空如也

空空如也

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

jquary