• 认识JQuery的三天--看视频得到的一些小知识点


    (1)
    1.HTML负责页面内容,CSS负责页面样式,JavaScript负责页面行为
    2.HTML中应该有DOCTYPE来告知浏览器的渲染显示方式
    3.可以先定义div或span节点用于以后显示服务器返回数据
    4.border属性可以控制页面元素的边框
    5.background-***可以控制背景图,以及背景图的位置,重复显示的方式
    6.可以通过#idname或.classname的方式来个制定的html节点定义样式
    7.可以通过$(document).ready(function(){})的方式来定义页面装载完成时,需要执行的方法
    8.可以通过$()方法来获得页面的指定节点,参数是某种css的选择器
    9.可以在$()方法返回的jquery对象上执行各种Jquery()的方法来获取数据,定义事件,执行操作。
    10.val()方法可以获得节点的value属性值
    11.html()方法可以设定某个节点中的html内容
    12.click()方法可以响应鼠标点击事件
    13.keyup()方法可以响应键盘弹起的事件
    14.$get()方法可以和服务器端进行get方式的交互,注册的callback方法会在数据回来的时候被调用,这儿方法会接收到代表服务器端返回数据的一个纯文本的参数
    15.addClass() removeClass()方法可以给某个节点添加或删除一个class
    16.发送给服务器端的数据在JavaScript中做两次encodeURI,然后在服务器端的代码中按UTF-8的方式做一次URLDecode,可以解决中文乱码问题
    (2)
    1.table中可以包含thead和tbody
    2.表头的内容可以放到th中
    3.table{}这种写法称作标签选择器,可以对整个页面所有table产生影响
    4.table td{}这种写法表示的是table中包含的所有td
    5.可以通过border-collapse:collapse这种方式来使表格中的单元格的边框合并。
    6.当th上由背景色时,这个th属于的tr上定义的背景色会无效
    7.$(function(){})是$(document).ready(function(){})的简化写法
    8.$("tbody tr")可以返回tbody中的所有tr节点
    9.$("tbody tr:even")可以返回tbody中所有索引值是偶数的tr节点
    10.css方法可以用于设定或获取节点的css属性,参数名是css的属性名
    11.JQuery的对象内容包含着选择器对应的DOM节点,以数组形式保存
    12.get方法可以获得JQuery对象中包含的某一个DOM节点
    13.function中的this代表执行这个function的对象
    14.$()方法的参数是一个DOM对象时,这个方法相当于把DOM对象转换成JQuery对象
    15.children方法可以获得牟恩节点的子节点,可以制定参数来限制子节点的内容
    16.如果选择器返回的JQuery对象中包含多个DOM节点,在这个对象中注册类似click这样的事件时,所有DOM节点都会用于事件
    17.html方法可以设置或获取节点的HTML内容
    18.val方法可以获取或设置节点的value值
    19.$()方法的参数如果是一段正确的HTML文本,则可以创建一个OM节点,并包装成JQuery对象
    20.JQuery大部分方法都会返回执行这个方法的JQuery对象,因此可以采用链式方法的写法来编写给予JQuery的代码
    21.width方法可以设置或获取某个节点的宽度
    22.appendTo方法可以将一个节点追加到另一个节点所有子节点的后面
    23.阻止事件传递可以让当前节点的事件返回false
    24.trigger方法可以出发某个JavaScript的事件发生‘
    25.JQuery中某个时间方法的参数function上可以定义一个event的参数,JQuery会屏蔽浏览器的event差异,传给我们一个可用的event对象
    26.JQuery的event对象上有一个which的属性可以获得键盘按键的键值
    27.13表示回车键,27表示ESC键
    (3)
    1.页面中的菜单项可以通过嵌套的ul和li来表示
    2.菜单最外层为ul,一层每个主菜单放在一个li中,如果有子菜单,在这个主菜单的li中建立新的ul,再一次嵌套即可构建多层的菜单
    3.浏览器中ul和li元素默认情况下文字前都有圆点标识符,li元素会有缩进。opera浏览器比较特殊,li的标识符和其他浏览器不同
    4.list-style属性值为none时,可以清除ul和li前面的小圆点
    5.清除子菜单的缩进值,需要padding和margin都为0,其中IE6和IE7只有margin为0的时候才可以清除缩进值
    6.可以使用background-image来指定一个元素的背景图,如果背景图比元素的实际大小要小,那么背景图会自动在横向和纵向上重复显示,直到填满整个区域
    7.可以使用background-repeat来控制背景图的重复填充方式
    8.如果一个元素上同时定义了背景图和背景色,那么有背景图的地方是不会显示背景色的
    9.text-decoration属性值为none时,可以取消文字上的下划线
    10.background-position可以控制背景图的位置,属性值既可以用数值,也可以用center,left,top这些值来控制横向和纵向的位置。这个属性的两个值,第一个对应横向,第二个对应纵向
    11.background-image的值为none表示没有背景图
    12.background-repeat的值为no-repeat时,背景图不会再所在的区域中重复显示
    13.IE6以外的其他浏览器可以通过设定display的值为block来让a元素充满所在的区域。对于IE6.则需要设定display为inline-block,同时设定a的宽度
    14.display的值为none可以用于隐藏元素。
    15. ..main a和.main > a的不同之处,前者选择使用了.main的这个class元素内部所有的a节点,后者只选择.main的子节点中的a节点
    16.show,hide方法可以用于显示或隐藏元素,没有参数时的效果和修改css的display属性效果一样。参数可以是单位为毫秒的数字,或者是‘slow’,‘normal’,‘fast’,这三个文字,都可以来控制完成显示或隐藏需要的时间。注意这是动画效果是靠不断改变元素的宽度和高度来实现的。
    17.toggle方法更为强大,可以省去我们判断元素是显示还是隐藏的状态,直接让显示的元素隐藏起来,隐藏的元素显示出来。参数使用方法和show,hide相同。
    18.slideDown,slideUp可以实现向下或向上卷动的效果,实际上是通过指定时间内修改元素的高度来实现动画效果。需要注意的是这两个方法参数为空的情况和show,hide不同。
    19.slideToggle和toggle达到的效果类似
    20.DOCTYPE对于JQuery的动画是有影响的。没有DOCTYPE定义时,在IE中,JQuery的动画会出现闪烁的糟糕效果。
    21.float的值是left,可以使原本各自位于一行的元素全部在一行中向左浮动
    22.可以给多个选择器定义同样的样式,选择器之间用,分隔。同样对于JQuery的$方法,也可以传入多个选择器
  • 相关阅读:
    JavaScript 实现打印操作
    linux-centos7.6设置固定IP网络方法
    VMware网络配置三种网络模式(桥接、NAT、Host-only)
    SVN 执行cleanup报错:Cleanup failed to process the following paths
    word生成目录的pdf
    win10开机后将存在多个系统选择,改为直接进入系统无需选择
    Win10删除或是不显示快速访问中最近使用文件记录
    Dell T30解决报Alert! Cover was previously removed.
    WIN10安装.net报0x800F081F解决方法
    查看SVN当前登录用户
  • 原文地址:https://www.cnblogs.com/jinlindb/p/6653731.html
Copyright © 2020-2023  润新知