jquery是最简单的js库,毫无疑问!

标题Jquery是最简单的js库了,有异议吗?

 1.基本选择器

$("#id") //ID选择器
$(“div”) //元素选择器
$(".classname") //类选择器
$(".classname,.classname1,#id1") //组合选择器
2.层次选择器
$("#id>.classname “) //子元素选择器
$(”#id .classname “) //后代元素选择器
$(”#id + .classname “) //紧邻下一个元素选择器
$(”#id ~ .classname ") //兄弟元素选择器
3.过滤选择器(重点)
$(“li:first”) //第一个li
$(“li:last”) //最后一个li
$(“li:even”) //挑选下标为偶数的li
$(“li:odd”) //挑选下标为奇数的li

通用例遍方法,可用于例遍对象和数组 =>$.each( [0,1,2], function(i, n){
alert( “Item #” + i + ": " + n );});

插入:
$(“box”).append(“Hello”); 与元素执行appendChild方法,将它们添加到文档中情况类似。
$(“box”).prepend(“Hello”);要插入到目标元素内部前端的内容
$(“box”).after(“Hello”);插入到每个目标后的内容
$(“box”).before(“Hello”);插入到每个目标后的内容

筛选:
$(“p”).eq(1)获取第N个元素;
$(“p”).filter(".selected")筛选出与指定表达式匹配的元素集合。这个方法用于缩小匹配的范围。用逗号分隔多个表达式
取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合 => $(“div”).children()

css类
为每个匹配的元素添加指定的类名 => $(“p”).addClass(“selected”);
从所有匹配的元素中删除全部或者指定的类 => $(“p”).removeClass();

设置或返回被选元素的属性值 => $(“img”).attr(“src”);
如果存在(不存在)就删除(添加)一个类 => $(“p”).toggleClass(“selected”);

事件
在选择元素上绑定一个或多个事件的事件处理函数 => $(“p”).on(“click”, {foo: “bar”})
在选择元素上移除一个或多个事件的事件处理函数 => ( " p " ) . o f f ( " c l i c k " , " ∗ ∗ " ) 当 鼠 标 指 针 穿 过 元 素 时 , 会 发 生 m o u s e e n t e r 事 件 = > ("p").off( "click", "**" ) 当鼠标指针穿过元素时,会发生 mouseenter 事件 => ("p").off("click","")穿mouseenter=>(“p”).mouseenter(function(){
…});

插件
扩展jQuery对象本身。
jQuery.extend({
min: function(a, b) { return a < b ? a : b; },
max: function(a, b) { return a > b ? a : b; }
});

效果 :
显示隐藏的匹配元素 =>$(“p”).show()
隐藏显示的元素 => $(“p”).hide()
通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触发一个回调函数 =>
(“p”).fadeIn(“fast”,function(){
alert(“Animation Done.”); }); // fadeOut
通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数。
$(“p”).slideUp(“fast”,function(){ alert(“Animation Done.”); }); //slideDown

用于创建自定义动画的函数 => // 在一个动画中同时应用三种类型的效果
$("#go").click(function(){
$("#block").animate({
width: “90%”,
height: “100%”,
});

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页