发布于 2016-09-19 09:55:51 | 59 次阅读 | 评论: 0 | 来源: 网友投递
jQuery javascript框架
jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。
<script type="text/javascript">
$(
function() {
$("table.datalist tr:nth-child(odd)").addClass("one");//odd:匹配奇数,even:偶数,nth-child:匹配其父元素下的第N个子或奇偶元素,从1开始
var obj = $("h2 a"); //得到h2下面的a,返回的是一个数组
for (var i = 0; i < obj.length; i++) {
obj[i].innerHTML = i.toString();
}
var obj1 = $("#demo");
obj1.append("Demo_Id");
var obj2 = $(".Class"); //得到的是一个数组
alert(obj2);
$("div ul li:has(a)").addClass("Two"); //得到里中有a的标符添加一个Class="Two"
$("li:lt(2)").addClass("one"); //得到前三个li,添加一个Class="one",下标是从0开始的
$("p>span").addClass("Two"); //得到p下的span,parent>child
}
)
</script>
var sTitle = $("p>span").attr("Title"); //得到标记中的属性值
$("p>a").text(sTitle);//设置值,若是用text()得到值,则是得到的文本,不包含html
$("button:gt(0)").attr("disabled", "disabled"); //得到第一个button后的button,然后设置它们的disable属性为不可用,没有这个属性就返回undefined
$("img").attr({ src: "test.jpg", alt: "Test Image" });
$(
function() {
$("div>p").mouseover(
function() {
$(this).toggleClass("HightLight");//修改样式class
}
);
}
$(function() {
$("img").bind("click", function() { //绑定事件
alert("你点啊!1");
});
$("img").bind("click", function() { //绑定事件
alert("你点啊!2");
});
})
$(function() {
$("input[type=button]").click(function() {
$("img").unbind("click", eventImg);//unbind来移出方法
alert("移出事件!");
});
})
<script type="text/javascript">
$(function() {
$("#demobtnF").click(function() {
$("#p_btn").show(); //显示
});
$("#demobtn").click(function() {
$("span:first").hide();//隐藏
});
})
</script>
<script type="text/javascript">
$(function() {
$("#Button1").click(function() {
$("#imgs").show(10000);
});
$("#Button2").click(function() {
$("#imgs").hide(5000);
});
})
</script>
<input id="Button1" type="button" value="Show" />
<input id="Button2" type="button" value="hide" />
<hr />
<img id="imgs" src="images/27m03.jpg" alt="log" />
<hr />
$("#Button3").click(function() {
$("#imgs").fadeIn(10000);
});
$("#Button4").click(function() {
$("#imgs").fadeOut(5000);
});
$("#Button1").click(function() {
$("#imgs").slideUp(10000);
});
$("#Button2").click(function() {
$("#imgs").slideDown(5000);
});
if ($.browser.msie) return alert("IE");
if ($.browser.safari) return alert("safari");
if ($.browser.mozilla) return alert("mozilla");
if ($.browser.opera) return alert("opera");
var aArr = ["one", "two", "three"];
$.each(aArr, function(iNum, value) {
alert(iNum + "," + value);
});
var aArray = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var DemoArr = $.grep(aArray, function(value) {
return value > 4;
});
document.write(DemoArr.join());
$.map(Array,function(value,index))