jquery$(this).on的简单介绍

用jquery写一个下拉菜单,打开页面时A菜单是展开状态,点击B菜单收起A菜单...

点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。

HTML下拉菜单代码用于创建在网页中显示的下拉菜单，使用户能够从预定义的选项列表中选择一个选项。下拉菜单通常用于表单、导航栏和其他用户交互界面的设计。

a href=#settings data-icon=gear class=ui-btn-rightOptions/a 就像你看到的一样，这个按钮可以把你导航到个性化的页面，在“gear”样式(data-icon=gear)中，它的外观是一个图标，它位于工具栏的右边。

我的建议 只做一个处理页面。传值的时候传两个参数。第二个就是，你得用事件处理。比如下拉菜单触发时间，然后提交查询。最好用ajax实现。jquery结合ajax实现起来比较简单。

相关问答

Q1: jQuery里面的$(this)和$(this)有什么区别

$(this) 返回一个 jQuery 对象，你可以对它调用多个 jQuery 方法，比如用 text() 获取文本，用val() 获取值等等。而 this 代表当前元素，它是 JavaScript 关键词中的一个，表示上下文中的当前 DOM 元素。

这个符号，实际上这个符号在JQuery中相当于JQuery（），即$(this)=jquery()；也就是说，这样可以返回一个jquery对象。

新建一个html文件，命名为test.html。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。

// this其实是一个Html 元素。// $this 只是个变量名，加$是为说明其是个jquery对象。// 而$(this)是个转换，将this表示的dom对象转为jquery对象，这样就可以使用jquery提供的方法操作。

$()代表jquery()函数，是jquery的入口点；$（element）代表通过元素选择器选择元素；$（this）代表当前被点击的元素等等。

Q2: jquery事件委托如何使用

1、代元素中符合选择器selector参数的元素绑定事件处理函数。delegate()函数并不是直接为这些后代元素挨个绑定事件，而是委托给当前 jQuery对象的匹配元素来处理。

2、事件委托是什么？通过事件冒泡，让子元素绑定的事件冒泡到父元素(或祖先元素)上，然后再进行处理。

3、这个要用到“事件委托”，就是把动态添加的元素的事件委托给它的父元素（非动态的）去处理，这样的话不管其子元素如果动态添加，都能捕捉其事件。

Q3: jquery中的on方法能否为ajax新增的元素绑定事件?

1、您好：是可以的。之前老版本一般用live()方法，现在给动态元素绑定事件，可以用on代替。知识扩展：jQuery on()方法是官方推荐的绑定事件的一个方法。

2、//因为你div内的内容是动态添加的，但这个div肯定不是吧，//所以把事件绑定在div上，当发生点击时，判断点击的如果是按钮的话，就执行我们要做的事//这就是jquery是实现为未来元素绑定事件的方法。

3、jquery中绑定事件一般使用bind，或者click，但是这只能是对已经加载好的元素定义事件，那些后来添加插入的元素则需要另行绑定。在7版本以前使用live。但是在8版本以后推荐使用on。

4、因为你添加的ajax数据在js执行之后，也就是说$(.test).click这个方法在js执行之后没有被绑定在click上面。

jquery$(this).on的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、jquery$(this).on的信息别忘了在本站进行查找喔。