zoukankan      html  css  js  c++  java
  • 关于JQuery

    匿名函数在尤其重要

    1,jQuery就是js语法写的一些函数,内部仍然用js实现的,所以并不是代替js的。使用jQuery的代码,编写的jQuery的拓展插件仍需要js技术,jq本身就是一堆js函数;write less do more

    2,要向使用jq的方法,必须通过$对象。只有普通的dom封装成jq对象,才能调用jq各种方法

    $是jq简写,代码中可以使用jQuery代替$

    3,写注释,后续jq代码会越来越多,注释是必要的

    4,jq文件普通版本是开发使用,压缩版本是发布使用

    5,dom对象可以转jq对象,jq对象也可转dom对象    $(dom对象)

    6,onload是指页面所有内容加载完成之后执行

         ready是指页面基本标签加载完执行
         一般就用$(function(){ *** });

    7,推荐each遍历键值对,map遍历数组

    8,有trim方法。

    9,dom属性,在jq当中一般都变为方法了

    10,

    //多条件选择器
    $('p,#dv,.cls')
    //层次选择器
    $('div p').css()
    层中子元素p,和子元素的子元素p均改变

    $('div>p').css 对<strong><p></p></strong>无效 对<p><p></p></p>有效

    //层下面直接挨着的兄弟元素p生效。
    $(‘div+p’)


    $(‘div-p’)//层后面的所有的p标签生效(兄弟) 侄子外甥不生效
    <div></div>
    <p></p>
    <p></p>
    <span><p></p></span>/////无效

    11,

    $('div').next().css() //获取当前元素后面的第一个兄弟元素

    .nextAll()//所有后面直接的元素,孙子层元素不包括(但是包括p嵌套的p)
    .prev() 当前元素前面的第一个兄弟元素
    .prevAll();
    .siblings 当前元素所有兄弟元素,包括孙子元素
    **************
    $('p').length 判断元素是否存在

    ************
    添加类样式
    $('div').addClass('cls') 类不加点

    移除类样式
    $('div').removeClass('cls')
    ***********
    $(body).toggleClass(cls); 切换有无cls类样式(比如视频开关灯)

    12,

    $('p eq(2)').css() //根据索引(下标)获取元素

    $('p lt(2)').css() //索引小于2的两个元素

    $('p gt(2)').css() //索引大于2的元素

    13,

    //基本过滤选择器
    $('div:first')
    $('div').first()
    $('div:last')
    $('div').last()

    $('div:even') 索引为偶数的

    $('div:odd') 索引为奇数的

    14,

    星星评分效果代码:
    $(function(){
    $('#tb td').mouseover(function(){
    $(this).text('实心星星').prevAll().text('实心星星');
    }).mouseout(function(){

    $(this).text(‘空心星星’).siblings();
    });
    });

  • 相关阅读:
    jpype
    Java获取类中的所有方法
    SQL中INNER JOIN、LEFT JOIN、RIGHT JOIN、FULL JOIN区别
    如何用命令将本地项目上传到git
    Java连接Mysql:通过配置文件
    lsof -i:port_number
    yum install lsof
    Git的基本使用方法(受益匪浅)
    [后端]gitlab之gitlab-ci自动部署
    centos7安装redis-4.0.1集群
  • 原文地址:https://www.cnblogs.com/tdws/p/4257379.html
Copyright © 2011-2022 走看看