zoukankan      html  css  js  c++  java
  • 【皇甫】☀标题被你吃了

     

    Jquery能做那些事让是你很惊讶

    访问和操作DOM元素;控制页面样式;对页面事件进行处理;扩展新的jQuery插件;与Ajax技术完美结合

    Jquery的优势

     体积小,压缩后只有100KB左右; l强大的选择器; 出色的DOM封装; l可靠的事件处理机制; 出色的浏览器兼容性; 使用隐式迭代简化编程; 丰富的插件支持

    jQuery的知识的分解:

    1.关于window.onload$(function(){})区别

     解析:window.onload等待页面上所有资源(html标签,cssimgjs)都加载完成后,才执行,包括(文本素材,图片,jscss

     $(function(){}):等待页面上的标签素材加载完成后就开始执行

    第二点:

    Window.onload只能调用一次

     $(function(){})可以调用多次

     2.怎么通过Jquery设置样式

    1).通过$(“选择器”).css(“属性名”,”属性值”);

     //这里的书写的属性名和css中书写的一致

     2).$(“选择器”).html():获取两个标签之间的html代码

     3).$(“选择器”).addClass(“属性值”)

     可以动态的改变dom文档结构。进而设置样式。

    3.DOM对象和Jquery对象的转换

     jquery对象转换成 dom对象 jquery提供了两种方法将一个jquery对象转换成一个dom对象,即[index]get(index)

     1  $(function () {
     2                 var lis = document.getElementsByTagName('li');
     3 
     4                 for (var i = 0; i < lis.length; i++) {
     5                     lis[i].onmouseover = function () {
     6                         this.style.background = 'red';
     7                     };
     8                     lis[i].onmouseout = function () {
     9                         this.style.background = '';
    10 
    11                     }
    12                 }
    13             });
    js
    $(function () {
                    $('li').mouseover(function () {
                        $(this).css('background','red');
                    }).mouseout(function () {
                        $(this).css('background', '');
                    })
                });
                
    jQuery
  • 相关阅读:
    vue.js
    kendo ui DatePicker 时区转换
    List Except 失效 差集失效
    RabbitMQ的安装
    net core 使用 Redis
    SQLSERVER学习八:事务和锁
    SQLSERVER学习七:存储过程
    SQLSERVER学习六:函数
    SQLSERVER学习五:流程控制语句
    SQLSERVER学习四:常用检索语句
  • 原文地址:https://www.cnblogs.com/wangxiangxiang/p/5513893.html
Copyright © 2011-2022 走看看