html5js总结.docVIP

Html5总结 首先在需要的页面加入如下js和css，就可以使用了。 !--viewport的meta标签将屏幕的宽度设置为了与设备的宽度相同-- meta name=viewport content=width=device-width, initial-scale=1 link rel=stylesheet href=../style/jquery.mobile-1.0.1.min.css / script src=../js/jquery.js/script script src=../js/jquery.mobile-1.0.1.min.js/script script src=../js/traffy.js/script script 这里是你的js代码 /script 功能代码介绍 1)定义变量 Var bianliang;或者var bianliang=null; 文档开始语句 $(document).ready(function(){ 这里写你的js代码 }); 定义函数 function click_function(){ 你的函数代码 } 元素选择（）里面的为解释 #id .class element(p、h1) E1,E2,E3(p,h1,li) 元素选择组合 E1 E2(E1下的所有E2) E1E2(选择E1下的子E2,不包含E2下满足的元素) E1+ E(选择E1后紧相邻的E2) 等价$(E1).next(E2) E1~ E2(选择E1之后的所有E2) 等价$(E1).nextAll(E2) 基本过滤 :first :last :not(E1) :even(所有偶数，从0开始) :odd(所有奇数) :eq(index) :gt(index) :lt(index) :header(所有标题元素h1~h5) 内容过滤器 :contains(text) :empty :has(E1) :parent(拥有该元素的所有div) 属性过滤器 :hidden(包括：input type=“hidden”/,div style=“display:none”和div style=“visibility:hidden”等，如果只选择input元素，则可以使用 $(“input:hidden”) ) :visible 可见性过滤器 [attribute](有这个属性的) [attribute=value] [attribute!=value] [attribute^=value](选择以value开始的所有) [attribute$=value](以value结束的元素) [attribute*=value](选择所有有value的元素) [A1][A2]……[An](复合选择) 子元素选择器 :nth-child(index/even/odd/equation)(选择每个父元素下的相应元素) :first-child :last-child($(“ul li:last-child”)选择每个ul下的最后一个li) :only-child ($(“ul li:only-child”)在ul中选取是惟一子元素的li) 表单选择器 :input(匹配所有input textarea select button元素) :text :password :radio :checkbox :submit :image :reset :button :file :hidden 给按钮绑定点击事件 $(#down_page).bind(click,function(){ 这里写点击事件处理 }) ; 事件绑定方法 One bind【unbid】 live【die】(不存在也绑定) delegate【undelegate】(不存在也绑定) 优先 on【off】 (不存在也绑定) 事件 Blur focus/focusin/focusout load/unload resize scroll click /dbclick mousedown change select submit keydown/keypress/keyup error …… DOM操作分析 查找节点 var $li=$(“ul li:first”); var $p=$(“p”); 创建元素和文本节点 var $li_new=$(“li新列表项/li”); $