JQNoteBook
等待网页缓冲完再运行jq
$(document).ready(function(){ });
隐藏显示
.hide( );
.show( );
淡入淡出
.fadein( );
.fadeout( );
滑动
.slideUp( );
.slideDown( );
动画
.animate({});
声明一个变量
var i=
在被选元素的结尾插入内容
.append();
在被选元素的开头插入内容
.prepend();
在被选元素之后插入内容
.after()
在被选元素之前插入内容
.before()
删除被选元素及其子元素
.remove()
删除被选元素的子元素
.empty()
删除 class="italic" 的所有 <p> 元素
$("p").remove(".italic");
向被选元素添加一个或多个类
addClass()
从被选元素删除一个或多个类
removeClass()
对被选元素进行添加/删除类的切换操作
toggleClass()
设置或返回样式属性
css()
所有匹配元素设置 background-color 值:
$("p").css("background-color","yellow");
为所有匹配元素设置 background-color 和 font-size:
$("p").css({"background-color":"yellow","font-size":"200%"});
width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。
height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。
innerWidth() 方法返回元素的宽度(包括内边距)。
innerHeight() 方法返回元素的高度(包括内边距)。
outerWidth() 方法返回元素的宽度(包括内边距和边框)。
outerHeight() 方法返回元素的高度(包括内边距和边框)。
parent() 方法返回被选元素的直接父元素
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
children() 方法返回被选元素的所有直接子元素。
find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。
.find("*");返回所有后代
siblings() 方法返回被选元素的所有同胞元素。
next() 方法返回被选元素的下一个同胞元素。
nextAll() 方法返回被选元素的所有跟随的同胞元素。
nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
first() 方法返回被选元素的首个元素。
last() 方法返回被选元素的最后一个元素。
filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。
not() 方法返回不匹配标准的所有元素。
css状态 cursor:pointer;变为点击状态
var a=$(this).index()声明a等于这个获取的位置
index()获取位置从0开始计数
.text()中只能放文字,不能加标签,空括号时获取选取的文本值
.html()中能加标签
.val()获取选中位置的值
var i = $("span.add input").val()
.val("")将括号中的值设置给选取的位置中
.eq()定位到括号中的位置
给父级的5的倍数的子级加class(没有n表示给第几个加class)
$(function(){
$(".bsdt_ico li:nth-child(5n)").addClass("bj");
});
根据窗口的变化而改变值
icodx();
window.onresize = function() {
icodx();
};
function icodx() {
}
将值转换成数字,不然会十进制
var num1 = parseInt("1"); 声明num1=1
var num2 = Number("2");
var num1 = parseInt(a); a不能在括号里加引号,不然读取不了
根据竖向滚动条改变
$(window).scroll(function(){
if ($(window).scrollTop() > 100)
{$(".header").addClass("fei")};
if ($(window).scrollTop() < 100)
{$(".header").removeClass("fei")};
});