jquery示例 jquery实例

jquery树形菜单例子

jQuery树形菜单可以通过递归的方式实现，使用ul和li标签来表示菜单的层级结构。通过jQuery的事件绑定和CSS样式设置，可以实现菜单的展开和收起、选中和取消等功能。同时，可以通过Ajax请求或者JSON数据来动态生成菜单的内容。最终实现一个美观、简洁、易用的树形菜单。

jquery实验原理

1jQuery的实现原理

var jQuery=function(selector, context)(

return new jQuery.fn.init( selector, context );

1)jQuery采用的是构造函数模式进行开发的,jQuery是一个类

2)上面说的常用的方法(CSS、属性、筛选、事件、动画、文档处理)都是定义在jQuery.prototype上的->只有jQuery的实例才能使用这些方法

jQuery中filter()方法用法实例

filter最简单的用法呢就是刷选现有的条件，如一组div，需要选出类名为selector的那么就使用filter('selector')，这种方式类似于选择器用法。第二种呢是自定义刷选，你可以依托jQuery的filter方法写出自己的拓展刷选方法，一下是官方例子：

list item 1 - one strong tag

list item 2 - two strong tags

list item 3

list item 4

list item 5

list item 6

$('li').filter(function(index) {return $('strong', this).length == 1; }).css('background-color', 'red');作者的目标很明确，想找出内部标记只有一个strong的li元素。这样单纯的取值方式自然不能适应。于是作者自己写了一个方法。filter(function(index){ 辨别条件 }，index用来记录返回的li的索引值。你也看到了，ul里面有一组li，那么我怎么知道哪个是我想要的呢。这边filter方法就提供了一个强大的入口。