jquery点滴语法

setTimeout(fn(),毫秒)    //多少毫秒以后执行fn()的方法

window.setTimeout(function(){
                alert(1)
            }, 3000);

 

每隔毫秒执行一次fn()的方法

window.setInterval(function(){
     ....
},毫秒);

 

页面跳转:

window.location.href="/school2/index.jsp";

 

返回true则提交表单,false不提交

$(".del1").click(function() {

                return window.confirm("确认删除?");
            });

 

after: 在指定元素之后加入其他元素

HTML 代码:
<p>I would like to say: </p>
jQuery 代码:
$("p").after("<b>Hello</b>");
结果:
<p>I would like to say: </p><b>Hello</b>

 

find:查找元素中的元素

<p><span>Hello</span>, how are you?</p>
jQuery 代码:
$("p").find("span")
结果:
[ <span>Hello</span> ]

 

<input type="text" id="a">

$("#a").find("[type=text]")
或
$("#a").find(":text")

 

next():元素紧邻的后面同辈元素

HTML 代码:
<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>
jQuery 代码:
$("p").next()
结果:
[ <p>Hello Again</p>, <div><span>And Again</span></div> ]

 

nextAll():元素后面同辈的所有元素

 

remove():删除元素

 

 offset:  相对偏移量只有left和top

HTML 代码:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代码:
var p = $("p:last");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );

 

<lable>

请选择:1+1=2?
<br>
<input name="bean" id="true" type="radio">
<label for="true">对</label>
<br>
<input name="bean" id="false" type="radio">
<label for="false">错</label>

 

开始页面时加载方法

window.onload(fn);   //等所有元素图片加载完毕时才运行fn

(function(){
  ...
})();

$(document).ready(fn);   //dom加载完毕就运行fn

$(function(){          //等价于上面
   ...
});

 

var obj = document.getElementById("");

var obj1 =  obj.querySelectorAll(".classname")[index];       //获取obj的子级指定class名的集合

getElementsByTagName("div");    //获取结果是集合

document.getElementById("id").style.property=""    //css样式

 length:元素的个数

<img src="test1.jpg"/> <img src="test2.jpg"/>
$("img").length;

 

posted @ 2016-07-09 16:57  乱世_独自美  阅读(110)  评论(0)    收藏  举报