`
SpringLin
  • 浏览: 140117 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

jQuery 插件私有属性的调用(UI 为列)

阅读更多

(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插件.rar

    jQuery设计为支持链式调用,这意味着在一个操作之后可以直接调用另一个。为了实现这一点,插件函数应该始终返回`this`,以便用户可以继续执行其他jQuery方法: ```javascript $.fn.myPlugin = function(options) { ...

    Jquery插件学习

    6. **插件扩展性**:理解如何设计插件使其易于扩展和复用,包括链式调用、默认设置和用户配置等。 7. **实例化和插件初始化**:学习如何在页面加载后正确地初始化插件实例。 8. **与CSS和HTML的协作**:知道何时使用...

    老司机带你解读jQuery插件开发流程

    在进行jQuery插件开发时,尤其需要关注命名空间和私有作用域等概念,以确保插件的健壮性和兼容性。 ### jQuery插件开发模式 jQuery插件开发主要有三种模式,分别是通过`$.extend()`扩展jQuery,通过`$.fn`向jQuery...

    一些整理的jquery 插件

    3. **链式调用**:通过返回`this`,使得插件可以与其他jQuery方法链式调用。 4. **默认配置**:提供可自定义的选项以满足不同需求。 5. **私有函数**:如果插件需要内部使用的辅助函数,可以定义在这里。 示例代码...

    jQuery插件

    **jQuery插件详解** jQuery,一个轻量级、高性能的JavaScript库,因其简洁的API和强大的功能而广受开发者喜爱。jQuery插件是jQuery生态系统的重要组成部分,它们扩展了jQuery的基本功能,提供了丰富的交互效果和...

    Jquery插件

    jQuery插件是jQuery生态系统的重要组成部分,它扩展了jQuery的基本功能,使得开发者能够轻松实现复杂的功能,特别是对于用户界面(UI)的构建,jQuery插件的作用尤为重要。 ### 一、jQuery插件的原理 jQuery插件...

    Jquery 插件库

    jQuery插件本质上是扩展jQuery核心功能的JavaScript代码,它们通过挂载到jQuery对象上,为开发者提供新的方法或属性。插件的出现使得开发者无需从零开始编写功能,只需简单调用即可实现复杂效果。 ### 二、创建...

    jQuery 实用的缩略图滚动插件(ui).zip

    5. **插件架构**: 良好的jQuery插件设计应遵循一定的规范,包括封装私有变量、提供公共方法以及设置默认配置选项等,以确保可维护性和可扩展性。 在"132677924603041574"这个文件名可能是实际的JavaScript插件文件...

    jQuery Select下拉框分类菜单多选插件.zip

    但在jQuery插件中,通常会通过复选框或者自定义UI来呈现多选状态,并提供方便的API供开发者操作。 **五、jQuery插件设计** 一个典型的jQuery插件结构包括初始化函数、配置选项、事件绑定和公共方法。插件的实现...

    jQueryUI如何自定义组件实现代码

    为了实现私有方法和公有方法的区分,jQueryUI Widget采用了一个约定:不以`_`开头的方法为公有方法。如果尝试调用一个以`_`开头的私有方法时,会通过检查方法名的前缀来阻止该调用。 接下来,通过一些编程技巧,...

    jquery_plugin_sample:jquery 插件示例

    3. **链式调用**:返回`this`,保持jQuery的链式调用特性。 4. **主要逻辑**:在插件内部实现功能。 **三、jQuery插件示例** 假设我们要创建一个名为`highlight`的插件,用于高亮显示元素。首先,我们定义插件的...

    jquery-plugin-boilerplate:一个固执的 jQuery 插件样板

    3. **数据存储**: 使用`data()`方法为元素存储私有数据,避免在多次调用插件时产生冲突。 4. **事件处理**: 如果插件涉及到事件,可以使用`on()`或`bind()`方法注册事件监听器。 5. **清理和销毁**: 提供一个方法...

    jQuery中文参考文档

    jQuery拥有庞大的插件生态,如表单验证插件jQuery Validation,轮播插件jQuery Carousel,模态对话框jQuery UI Dialog等,这些插件扩展了jQuery的功能,满足各种复杂需求。 **8. 组合操作** jQuery支持链式调用,如...

    jquery-licensor:jQuery 插件生成内容许可选择器组件

    jQuery Licensor是一款专为jQuery设计的插件,旨在帮助开发者创建内容许可选择器组件。这款组件主要用于网页应用中,让用户能够根据预设的许可条件筛选和操作内容。在现代Web开发中,尤其是在版权保护和用户权限管理...

    基于jquery ui的alert,confirm方案(支持换肤)

    【jQuery UI Alert与Confirm方案详解】\n\n在网页开发中,我们经常需要弹出对话框来提示用户或获取用户的确认。原生JavaScript中的alert、confirm和prompt函数提供了基础的弹窗...例如,你可以引入如下代码片段:\n```...

    jquery metro拖动菜单代码.zip

    4. **jQuery插件结构**:这个代码可能是一个jQuery插件,遵循jQuery插件的常见模式,包括一个主要的初始化函数,可能还包含其他公共方法和私有函数,以扩展jQuery对象。 5. **CSS3动画**:为了实现平滑的过渡效果,...

    小图标png格式的

    5. **公共方法**:如果需要,可以定义公共方法来提供插件的可调用功能。 6. **私有方法**:封装插件内部使用的辅助函数。 7. **清理和销毁**:提供一个方法来清除插件创建的事件监听器和DOM元素,避免内存泄漏。 ...

    Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效

    文档最后提到的ui3g.js很可能是一个自定义的jQuery插件,这个插件能够实现焦点图切换效果,并被引入到文档中。使用插件的好处是开发者可以直接调用插件提供的方法,而不需要自己编写大量代码来实现效果。 总结来说...

    jquery自定义显示消息数量

    1. jQuery插件开发:在文档中提到的“$.("xxxxxxx").iconCountPlugin(options,start,isOffset)”即为jQuery插件调用方法,这表明了如何使用jQuery来封装特定功能的插件,通过传入不同的参数来控制插件的行为。...

    基于Jquery 好友选择器V2.0

    5. 代码风格和私有方法约定:作者为了规范开发和维护代码,制定了代码风格,并约定以下划线开头的方法为私有方法,这表明这些方法不应该被外部调用。 6. 数据格式与获取:介绍了三种不同类型的数据格式和获取方式。...

Global site tag (gtag.js) - Google Analytics