jQuery中有用来扩展jQuery对象的方法jQuery.fn.extend,有这么一个场景:(1)生成一个下拉框(2)传入下拉框序号对象(3)让传入的对象元素被选中操作如下:
工具/原料
1
jQuery
2
eclipse
3
Tomcat7.x
4
jdk1.8
5
截图工具
6
浏览器
方法/步骤
1
第一步,新建静态页面extend.html,引入jQuery相关的js文件,如下图所示:
2
第二步,在
元素内插入一个select元素,添加九个元素,如下图所示:3
第三步,利用jQuery.fn.extend方法jQuery.fn.extend({ select:function(obj){ return this.each(function(){ $(obj).attr('selected',true); }); } });如下图所示:
4
第四步,调用select方法,使select下拉框选中最后一个元素,$('#sel option').select(':last');如下图所示:
6
第六步,再次修改代码,让其选中第七个元素,$('#sel option').select(':nth-child(7)');如下图所示:
注意事项
1
注意jQuery 中的jQuery.fn.extend使用方法
2
注意jQuery中的选择器使用方法