jQuery锚点跳转滚动条平滑滚动一句话代码 $("html,body").animate({scrollTop: $("#box").offset().top}, 1000);
一下是一些jquery的小技巧
1. 控制编译结果
2.
1.如果要使用jQuery提供的函数, 就要首先构造jQuery包装集.
将Dom元素转换成jQuery包装集var div &＃61; document.getElementById("testDiv"); //Dom元素
var domToJQueryObject &＃61; $(div); //jQuery包装
3.jQuery包装集转Dom对象var domObject &＃61; $("#testDiv")[0]; // 得到DOM对象
$("#testDiv").each(function() { $(this).html("修改内容") })//转换为 jQuery包装集操作
4。jQuery( callback )
Returns: jQuery
$(document).ready()的简写方式
--------------------------------------------------------------------------------
从零开始学习jQuery (三) 管理jQuery包装集
Hello World jQuery!
$(
function(){
$("#btnShow").bind("click", function(event) { $(".filter").show();} ) ;
$("#btnHide").bind("click", function(event) { $(".filter").hide(500);} ) ;
}
);
// $("#btnChange").bind("click", function(event) { $("#divMsg").html("Hello World, too!"); });
//$("
//$("
动态创建的div
") //not done
$(
function()
{
// alert("loaded!"); //加载完成后才执行
}
);
// alert("LODING。。。");//一遇到就执行
//模板
function first(){//first
var an_element&＃61;$("div").eq(0);
//得到 第一个 Div 整个的 div 如果 直接 输出 an_element会显示 那是一个对象
alert(an_element.html());//输出
}
function second(){
var second_e&＃61; $("div").filter(".test2");//得到 是与偶有符合的
/*&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;这段代码测试是否是一个集合 但是报错 不懂用this&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;*/
// second_e.each(
// function(){
//this.html("修改它&＃xff01;")
// }
// );
/*&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;*/
alert(second_e.html());//测试 得到的 内容 只显示 第一个 div 的内容
alert(second_e.eq(1).html());//得到第二个
}
//&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;
第一个 例子:点我运行
eq( index ) 获取第N个元素 | 获取匹配的第二个元素: $("p").eq(1) |
筛选出与指定表达式匹配的元素集合。第一个div
第 2 个 例子:点我运行
filter( expr )
保留带有 test2类的元素: 在这里是 带有 test2 class的
$("X").filter(".test2") 第2个div
function third(){
//alert("a");
var test3&＃61; $("p").filter( //同级
function(index){//遍历
// alert(index);
//alert($("ol",this).html());
// alert( "index: "&＃43;index&＃43;$(this).html());// this 就是 各个 被遍历的对象 在这里是各个 P 标签里面的内容
// 难道
- 包含 ol
的P标签 里的内容没有&＃xff1f;
//这样才算
p 的 内容
- 包含 ol
$(this).html()&＃61; p 的 内容
alert( " 第"&＃43;index&＃43;" 个 p&＃61;> "&＃43;$(this).html()&＃43;" ol&＃61;> "&＃43; $("ol",this).html() );
//可能是版本的问题 我引进的是 * jQuery Javascript Library v1.3.2-vs
//所有的内容都是空
return $("ol",this).length&＃61;&＃61;0;//1多条件筛选 2 返回 false则这个元素被删除
}
);
alert(test3.html());
}
filter( fn ):
筛选出与指定函数返回值匹配的元素集合
这个函数内部将对每个对象计算一次 (正如 &＃39;$.each&＃39;). 如果调用的函数返回false则这个元素被删除&＃xff0c;否则就会保留。
p 的 html
- ol的html
- li
2
How are you? 不 包含
更多jQuery 锚点跳转滚动条平滑滚动一句话代码相关文章请关注PHP中文网&＃xff01;
本文原创发布php中文网&＃xff0c;转载请注明出处&＃xff0c;感谢您的尊重&＃xff01;
京公网安备 11010802041100号