jQuery 学习笔记 一 初体验

?

?
?
?
 /* 此示例使用了:         * (1) jQuery的Id选择器: $("#btnShow")         * (2) 事件绑定函数 bind()         * (3) 显示和隐藏函数. show()和hide()         * (4) 修改元素内部html的函数html()         */        $("#btnShow").bind("click",function(event){$("#divMsg").show();});        $("#btmHide").bind("click",function(event){$("#divMsg").hide();});        $("#btnChange").bind("click",function(event){$("#divMsg").html("Hello Word ,too !");});        //创建 DOM 添加到现有的 DIV上        $("<div id='testDiv' style='border: solid 1px #ff1e37'>动态创—IV</div> ").appendTo($("#divMsg"));        //获取匹配的第二个元素 eq 函数 ;  gt 匹配所有大于给定索引值的元素; lt 选择结果集中索引小于 N 的 elements        $("div:eq(1)").toggleClass("selected");        //保留子元素中不含有ol的元素      filter 过滤器        $("div").filter(function(index){  return $("ol",this).size() == 0;  });        //由于input元素的父元素是一个表单元素，所以返回true       is函数        logs( $("input[type='checkbox']").parent().is("form") )   ;
?
?