首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery 学习札记 一 初体验

2012-07-02 
jQuery 学习笔记 一初体验???? /* 此示例使用了:* (1) jQuery的Id选择器: $(#btnShow)* (2) 事件绑定函

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'>动态创建DIV</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") )   ;
?

?

热点排行