// CSS选择器 $(document) // 选择整个文档对象 $('#xxxID') // 选择ID为xxx的元素 $('div.xxxClass') // 选择Class为xxx的元素 $('input[name=first]') // 选择类名属性为first的元素

// jQuery特有表达式 $('a:first') // 选择网页中第一个a元素 $('tr:odd') // 选择表格的奇数行 $('#myForm:input') // 选择表单中的input元素 $('div:visible') // 选择可见的div元素 $('div:gt(2)') // 选择所有的div元素，除了前三个 $('div:animated') // 选择当前处于动画状态的div元素

$(function(){ let $h1 = $('
') // 创建元素h1 $('body').append($h1) // 将元素h1放入到body里（用append表示成为body的最后一个子元素） }

$('div').prepend('') // 给div添加一个大儿子（即添加到最前） $('div').append(选择器/jQuery对象) // 给div添加一个小儿子（即添加到最后） $('
xxx
').appendTo(选择器/jQuery对象) // 在选择器选中的元素的子元素里，将“xxx”添加到最后

$('div').insertAfter($('p')) // 将元素div移动到元素p后面

$('p').after($('div')) // 把元素p放到元素div前

.insertAfter()和.after() // 在现存元素的外部，从后面插入元素 .insertBefore()和.before() // 在现存元素的外部，从前面插入元素 .appendTo()和.append() // 在现存元素的内部，从后面插入元素 .prependTo()和.prepend() // 在现存元素的内部，从前面插入元素

$('img').attr('width','100px') // 为属性'width'赋值'100px'

$(selector).attr(attribute) // 返回被选元素的属性值 $(selector).attr(attribute.value) // 返回被选元素的属性&值 $(selector).attr(attribute,function(index,oldvalue)) // 用函数返回值设置被选元素的属性&值 $(selector).attr({attribute1:value,attribute2:value...}) // 为被选一个及以上的元素设置属性&值，可一次修改多个属性的属性值

$('button').click(function(){ $('img').attr('width',function(n,v){ return v-50; // 点击按钮图片宽度减少50 }) })

$('div') // 找到div元素 .find('h3') // 选择其中的h3元素 .eq(2) // 选择第3个h3元素 .html('Hello'); // 将它的内容改为Hello

$('div') 　.find('h3') 　.eq(2) 　.html('Hello') 　.end() // 退回到选中所有的h3元素的那一步 　.eq(0) // 选中第一个h3元素 　.html('World') // 将它的内容改为World