jqery的一些

最新推荐文章于 2024-09-07 22:49:05 发布

原创最新推荐文章于 2024-09-07 22:49:05 发布 · 605 阅读

CC 4.0 BY-SA版权

文章标签：

49 篇文章

订阅专栏

2 篇文章

订阅专栏

本文介绍了jQuery的基本交互操作，包括按钮点击事件触发元素滑动显示，并分享了jQuery插件资源。此外，还详细讲解了如何使用jQuery实现网页标签自动填充功能，包括使用autocomplete插件的简单方法和自定义源函数的高级应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

鼠标

$("button").click(function(){
  $("p").slideToggle();
});

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 http://v3.bootcss.com/

div排序

网页标签

https://api.jqueryui.com/autocomplete/#event-response

使用方法很简单

$( ".selector" ).autocomplete({
  source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
});

其中source的option可以是string,（用来表示网页），可以是数组，待填充的内容，也可以是函数，

重写函数的话

$( ".selector" ).autocomplete({
  source: function(request,response){
   //request表示你在Input里面输入的数据， 
   response(data);//data代表列出来的自动填充的可选项，
}
});

data=[{label:"aa",value:'aa'},{ ...}] ，data 的数据类型比较合适是上面的这种。然后用户选项之后处理数据用 select来处理

$( ".selector" ).autocomplete({
  select: function( event, ui ) {}
});

其中ui.item.label存储着用户选中的数据，ui.item存储着上面对应的 {label:"aa",value:'aa'} 当然你也可以配置其他属性。