-
bind()方法绑定元素,多个事件名称用空格隔开 $("#btntest").bind("click mouseout", function () { $(this).attr("disabled", "true"); })查看全部
-
菜单工具插件可以通过<ul>创建多级内联或弹出式菜单，支持通过键盘方向键控制菜单滑动，允许为菜单的各个选项添加图标，调用格式如下： $(selector).menu({options}); selector参数为菜单列表中最外层<ul>元素，options为menu()方法的配置对象。 通过<ul>内嵌的方式，构建一个三层结构的导航菜单，将<li>元素的class属性值设为“ui-state-disabled”，可将菜单选项置为不可用状态。 <script type="text/javascript"> $(function () { $("#menu").menu(); }); </script>查看全部
-
$("li:visible").css("background-color","blue");查看全部
-
对话框插件可以用动画的效果弹出多种类型的对话框，实现JavaScript代码中alert()和confirm()函数的功能，它的调用格式为： $(selector).dialog({options}); selector参数为显示弹出对话框的元素，通常为<div>，options参数为方法的配置对象，在对象中可以设置对话框类型、“确定”、“取消”按钮执行的代码等。 options中的各项 height指定高度 modal为模式true是表示开启蒙层（不开启会影响页面） hide为隐藏模式 butons定义按钮，及其所附带的函数 open为对话框打开时执行的操作查看全部
-
<script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.get("http://www.imooc.com/data/info_f.php",function(dat) { $this.attr("disabled", "true"); $("ul").append("<li>我的名字叫：" + dat.name + "</li>"); $("ul").append("<li>男朋友对我说：" + dat.say + "</li>"); }, "json"); }) }); </script> 同理，只是自定义名字的参数，必要格式查看全部
-
remove()方法删除所选元素本身和子元素，而empty()方法则只删除所选元素的子元素。查看全部
-
$("#btntest").bind("click", function () { $("div").toggle( function(){ $(this).html("2222"); },function(){ $(this).html("3333"); }); }) 有两个函数时，没反应。去掉一个，点一下隐藏，点第二下调用函数。查看全部
-
var $strHtml=$("p:hidden").html() //.html()还有input中的.val() $("div").html($strHtml)查看全部
-
使用each()方法可以遍历指定的元素集合，在遍历时，通过回调函数返回遍历元素的序列号，它的调用格式为： $(selector).each(function(index)) 参数function为遍历时的回调函数，index为遍历元素的序列号，它从0开始。 $("span").each(function (index) { if (index == 1) { $(this).attr("class", "red"); } });查看全部
-
formatItem (Function) 为每个要显示的项目使用高级标签.即对结果中的每一行都会调用这个函数,返回值将用LI元素包含显示在下拉列表中.Autocompleter会提供三个参数(row, i, max): 返回的结果数组, 当前处理的行数(即第几个项目,是从1开始的自然数), 当前结果数组元素的个数即项目的个数.Default: none, 表示不指定自定义的处理函数,这样下拉列表中的每一行只包含一个值. formatResult (Function) 和formatItem类似,但可以将将要输入到input文本框内的值进行格式化.同样有三个参数,和formatItem一样.Default: none,表示要么是只有数据,要么是使用formatItem提供的值. formatMatch (Function) 对每一行数据使用此函数格式化需要查询的数据格式. 返回值是给内部搜索算法使用的. 参数值row查看全部
-
使用选项卡插件可以将<ul>中的<li>选项定义为选项标题，在标题中，再使用<a>元素的“href”属性设置选项标题对应的内容，它的调用格式如下： $(selector).tabs({options}); selector参数为选项卡整体外围元素，该元素包含选项卡标题与内容，options参数为tabs()方法的配置对象，通过该对象还能以ajax方式加载选项卡的内容。 在tabs()方法的配置对象中，通过“fx”属性设置了选项卡切换时的效果，“event”属性设置鼠标也可以切换选项卡，因此，当鼠标在移动至两个选项卡标题时，对应内容以动画的效果自动切换。 <script src="http://www.imooc.com/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#tabs").tabs({ //设置各选项卡在切换时的动画效果 fx: { opacity: "toggle", height: "toggle" }, event: "mousemove" //通过移动鼠标事件切换选项卡 }) }); </script>查看全部
-
wrap()和wrapInner()方法都可以进行元素的包裹，但前者用于包裹元素本身，后者则用于包裹元素中的内容。 $(selector).wrap(wrapper) $(selector).wrapInner(wrapper)查看全部
-
$(selector).replaceWith(content) $(content).replaceAll(selector) 参数selector为被替换的元素，content为替换的内容。查看全部
-
面板折叠插件可以实现页面中指定区域类似“手风琴”的折叠效果，即点击标题时展开内容，再点另一标题时，关闭已展开的内容，调用格式如下： $(selector).accordion({options}); 其中，参数selector为整个面板元素，options参数为方法对应的配置对象。 由于绑定了折叠面板插件，默认为第一个面板的内容为展示状态，点击第二个面板主题时，展示主题对应内容，同时关闭上一个面板内容。 <script src="http://www.imooc.com/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#accordion").accordion(); }); </script>查看全部
-
它可以获取属性值中包含指定内容的全部元素查看全部
举报
0/150
提交
取消