(function( $ ) {
$.widget( "ui.combobox", {
create: function() {
var self = this,
select = this.element.hide(),
selected = select.children( ":selected" ),
value = selected.val() ? selected.text() : "";
var input = this.input = $( "<input>" )
insertAfter( select )
.val( value )
.autocomplete({ ....//以下省略
//需要实现在页面无刷新的情况下 重新加载组件
$("#test").click(function(){
//通过创建 原型(函数) 调用组件下方法
$.ui.combobox.prototype.create = function(){
this._create();
};
$("#combobox option:eq("+ Rand +")").attr("selected", true);
$("#combobox").parent().find("input,button").remove();
$( "#combobox" ).combobox("create");
});
<div class="ui-widget">
<label>Your preferred programming language: </label>
<select id="combobox">
<option value="">Select one...</option>
<option value="ActionScript">ActionScript</option>
<option value="AppleScript">AppleScript</option>
<option value="Asp">Asp</option>
<option value="BASIC">BASIC</option>
<option value="C">C</option>
<option value="C++">C++</option>
<option value="Clojure">Clojure</option>
<option value="COBOL">COBOL</option>
<option value="ColdFusion">ColdFusion</option>
</select>
</div>
<button id="test" >Test</button>
分享到:
相关推荐
jQuery设计为支持链式调用,这意味着在一个操作之后可以直接调用另一个。为了实现这一点,插件函数应该始终返回`this`,以便用户可以继续执行其他jQuery方法: ```javascript $.fn.myPlugin = function(options) { ...
6. **插件扩展性**:理解如何设计插件使其易于扩展和复用,包括链式调用、默认设置和用户配置等。 7. **实例化和插件初始化**:学习如何在页面加载后正确地初始化插件实例。 8. **与CSS和HTML的协作**:知道何时使用...
在进行jQuery插件开发时,尤其需要关注命名空间和私有作用域等概念,以确保插件的健壮性和兼容性。 ### jQuery插件开发模式 jQuery插件开发主要有三种模式,分别是通过`$.extend()`扩展jQuery,通过`$.fn`向jQuery...
3. **链式调用**:通过返回`this`,使得插件可以与其他jQuery方法链式调用。 4. **默认配置**:提供可自定义的选项以满足不同需求。 5. **私有函数**:如果插件需要内部使用的辅助函数,可以定义在这里。 示例代码...
**jQuery插件详解** jQuery,一个轻量级、高性能的JavaScript库,因其简洁的API和强大的功能而广受开发者喜爱。jQuery插件是jQuery生态系统的重要组成部分,它们扩展了jQuery的基本功能,提供了丰富的交互效果和...
jQuery插件是jQuery生态系统的重要组成部分,它扩展了jQuery的基本功能,使得开发者能够轻松实现复杂的功能,特别是对于用户界面(UI)的构建,jQuery插件的作用尤为重要。 ### 一、jQuery插件的原理 jQuery插件...
jQuery插件本质上是扩展jQuery核心功能的JavaScript代码,它们通过挂载到jQuery对象上,为开发者提供新的方法或属性。插件的出现使得开发者无需从零开始编写功能,只需简单调用即可实现复杂效果。 ### 二、创建...
5. **插件架构**: 良好的jQuery插件设计应遵循一定的规范,包括封装私有变量、提供公共方法以及设置默认配置选项等,以确保可维护性和可扩展性。 在"132677924603041574"这个文件名可能是实际的JavaScript插件文件...
但在jQuery插件中,通常会通过复选框或者自定义UI来呈现多选状态,并提供方便的API供开发者操作。 **五、jQuery插件设计** 一个典型的jQuery插件结构包括初始化函数、配置选项、事件绑定和公共方法。插件的实现...
为了实现私有方法和公有方法的区分,jQueryUI Widget采用了一个约定:不以`_`开头的方法为公有方法。如果尝试调用一个以`_`开头的私有方法时,会通过检查方法名的前缀来阻止该调用。 接下来,通过一些编程技巧,...
3. **链式调用**:返回`this`,保持jQuery的链式调用特性。 4. **主要逻辑**:在插件内部实现功能。 **三、jQuery插件示例** 假设我们要创建一个名为`highlight`的插件,用于高亮显示元素。首先,我们定义插件的...
3. **数据存储**: 使用`data()`方法为元素存储私有数据,避免在多次调用插件时产生冲突。 4. **事件处理**: 如果插件涉及到事件,可以使用`on()`或`bind()`方法注册事件监听器。 5. **清理和销毁**: 提供一个方法...
jQuery拥有庞大的插件生态,如表单验证插件jQuery Validation,轮播插件jQuery Carousel,模态对话框jQuery UI Dialog等,这些插件扩展了jQuery的功能,满足各种复杂需求。 **8. 组合操作** jQuery支持链式调用,如...
jQuery Licensor是一款专为jQuery设计的插件,旨在帮助开发者创建内容许可选择器组件。这款组件主要用于网页应用中,让用户能够根据预设的许可条件筛选和操作内容。在现代Web开发中,尤其是在版权保护和用户权限管理...
【jQuery UI Alert与Confirm方案详解】\n\n在网页开发中,我们经常需要弹出对话框来提示用户或获取用户的确认。原生JavaScript中的alert、confirm和prompt函数提供了基础的弹窗...例如,你可以引入如下代码片段:\n```...
4. **jQuery插件结构**:这个代码可能是一个jQuery插件,遵循jQuery插件的常见模式,包括一个主要的初始化函数,可能还包含其他公共方法和私有函数,以扩展jQuery对象。 5. **CSS3动画**:为了实现平滑的过渡效果,...
5. **公共方法**:如果需要,可以定义公共方法来提供插件的可调用功能。 6. **私有方法**:封装插件内部使用的辅助函数。 7. **清理和销毁**:提供一个方法来清除插件创建的事件监听器和DOM元素,避免内存泄漏。 ...
文档最后提到的ui3g.js很可能是一个自定义的jQuery插件,这个插件能够实现焦点图切换效果,并被引入到文档中。使用插件的好处是开发者可以直接调用插件提供的方法,而不需要自己编写大量代码来实现效果。 总结来说...
1. jQuery插件开发:在文档中提到的“$.("xxxxxxx").iconCountPlugin(options,start,isOffset)”即为jQuery插件调用方法,这表明了如何使用jQuery来封装特定功能的插件,通过传入不同的参数来控制插件的行为。...
5. 代码风格和私有方法约定:作者为了规范开发和维护代码,制定了代码风格,并约定以下划线开头的方法为私有方法,这表明这些方法不应该被外部调用。 6. 数据格式与获取:介绍了三种不同类型的数据格式和获取方式。...