Learning Path
浏览 jQuery 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
353
jQuery event.metakey 属性 jQuery 事件方法 实例 返回meta是否键被按下： [mycode2] $( '#checkMetaKey' ).click(function( event ) { $( '#display' ).text( event.metaKey ); }); [/mycode2] 尝试一下 » 定义和用法 event.meta..
jQuery addClass() 方法 jQuery HTML/CSS 方法 实例 向第一个 <p> 元素添加一个类名： [mycode3 type='js'] $('button').click(function(){ $('p:first').addClass('intro'); }); [/mycode3] ..
jQuery after() 方法 jQuery HTML/CSS 方法 实例 在每个 <p> 元素后插入内容： [mycode3 type='js'] $('button').click(function(){ $('p').after('Hello world!'); }); [/mycode3] 尝试一下 »..
jQuery append() 方法 jQuery HTML/CSS 方法 实例 在所有 <p> 元素结尾插入内容： [mycode3 type='js'] $(document).ready(function(){ $('#btn1').click(function(){ $('p').append(' 插入文本.�..
jQuery appendTo() 方法 jQuery HTML/CSS 方法 实例 在每个 <p> 元素的结尾插入 <span> 元素： [mycode3 type='js'] $('button').click(function(){ $('Hello World!').appendTo('p&..
jQuery attr() 方法 jQuery HTML/CSS 方法 实例 设置图像的 width 属性： [mycode3 type='js'] $('button').click(function(){ $('img').attr('width','500'); }); [/mycode3] 尝试一下 » 定..
jQuery before() 方法 jQuery HTML/CSS 方法 实例 在每个 <p> 元素前插入内容： [mycode3 type='js'] $('button').click(function(){ $('p').before('Hello world!'); }); [/mycode3] 尝试一下..
jQuery clone() 方法 jQuery HTML/CSS 方法 实例 克隆所有的 <p> 元素，并插入到 <body> 元素的结尾： [mycode3 type='js'] $('button').click(function(){ $('p').clone().appendTo('bod..
jQuery jQuery.cssHooks 方法 jQuery HTML/CSS 方法 实例 定义一个新的css hook [mycode3 type='javascript'] $(function ($) { //首先检查jquery版本是否支持 cssHooks if (!$.cssHooks){ //如果不支持输出错误提醒 throw(new Error('该..
jQuery detach() 方法 jQuery HTML/CSS 方法 实例 移除所有的 <p> 元素： [mycode3 type='js'] $('button').click(function(){ $('p').detach(); }); [/mycode3] 尝试一下 » 定义和用法 detach() 方法移除被..
jQuery empty() 方法 jQuery HTML/CSS 方法 实例 移除所有 <div> 元素的内容： [mycode3 type='js'] $('button').click(function(){ $('div').empty(); }); [/mycode3] 尝试一下 » 定义和用法 empty() 方法..
jQuery jQuery.escapeSelector() 方法 jQuery HTML/CSS 方法 实例 使用.escapeSelector()方法转义一个ID包含的字符“#” [mycode3 type='javascript'] 一些文本 一些文本 $(function () { //将选中 id=#target $( 'div' ).find( &..
jQuery hasClass() 方法 jQuery HTML/CSS 方法 实例 检查 <p> 元素是否包含 'intro' 类： [mycode3 type='js'] $('button').click(function(){ alert($('p').hasClass('intro'..
jQuery html() 方法 jQuery HTML/CSS 方法 实例 改变所有 <p> 元素的内容： [mycode3 type='js'] $('button').click(function(){ $('p').html('Hello world!'); }); [/mycode3] 尝试一下 » ..
jQuery innerHeight() 方法 jQuery HTML/CSS 方法 实例 返回 <div> 元素的内部高度： [mycode3 type='js'] $('button').click(function(){ alert($('div').innerHeight()); }); [/mycode3] 尝试一下 » ..
jQuery innerWidth() 方法 jQuery HTML/CSS 方法 实例 返回 <div> 元素的内部宽度： [mycode3 type='js'] $('button').click(function(){ alert($('div').innerWidth()); }); [/mycode3] 尝试一下 » ..
jQuery insertAfter() 方法 jQuery HTML/CSS 方法 实例 在每个 <p> 元素后插入一个 <span> 元素： [mycode3 type='js'] $('button').click(function(){ $('Hello world!').insertAfter(&#..
jQuery insertBefore() 方法 jQuery HTML/CSS 方法 实例 在每个 <p> 元素前插入一个 <span> 元素： [mycode3 type='js'] $('button').click(function(){ $('Hello world!').insertBefo..
jQuery outerHeight() 方法 jQuery HTML/CSS 方法 实例 返回 <div> 元素的外部高度： [mycode3 type='js'] $('button').click(function(){ alert($('div').outerHeight()); }); [/mycode3] 尝试一下 » ..
jQuery outerWidth() 方法 jQuery HTML/CSS 方法 实例 返回 <div> 元素的外部宽度： [mycode3 type='js'] $('button').click(function(){ alert($('div').outerWidth()); }); [/mycode3] 尝试一下 » ..
jQuery prepend() 方法 jQuery HTML/CSS 方法 实例 在所有 <p> 元素开头插入内容： [mycode3 type='js'] $('button').click(function(){ $('p').prepend('Prepended text'); }); [/mycode3] ..
jQuery prependTo() 方法 jQuery HTML/CSS 方法 实例 在每个 <p> 元素的开头插入 <span> 元素： [mycode3 type='js'] $('button').click(function(){ $('Hello World!').prependTo('..
jQuery prop() 方法 jQuery HTML/CSS 方法 实例 添加并移除名为 'color' 的属性： [mycode3 type='js'] $('button').click(function(){ var $x = $('div'); $x.prop('color','FF0000'..
jQuery remove() 方法 jQuery HTML/CSS 方法 实例 移除所有的 <p> 元素： [mycode3 type='js'] $('button').click(function(){ $('p').remove(); }); [/mycode3] 尝试一下 » 定义和用法 remove() 方法移除被..