zoukankan      html  css  js  c++  java
  • 认识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的$方法,也可以传入多个选择器
  • 相关阅读:
    .NET Interop 工具集
    关于正弦波的算法
    Windows Phone 系列 本地数据存储
    Xaml cannot create an instance of “X”
    Windows Phone 系列 使用 MVVM绑定时无法获取当前值
    Windows Phone 系列 应用程序图标无法显示
    Windows Phone 系列 WPConnect无法上网的问题
    Windows Phone 系列 使用 Windows Phone 保存铃声任务
    WP7.5提交应用
    Windows Phone 系列 动态删除ObservableCollection
  • 原文地址:https://www.cnblogs.com/jinlindb/p/6653731.html
Copyright © 2011-2022 走看看