jquery使用方法

240 阅读1分钟

1. jQuery 如何获取元素

jQuery的基本设计思想和主要用法,就是 "选择某个网页元素,然后对其进行某种操作" 。这是它区别于其他Javascript库的根本特点。

常见的方法有css选择器。

$(document) //选择整个文档对象

$('#myId') //选择ID为myId的网页元素

$('div.myClass') // 选择class为myClass的div元素

$('input[name=first]') // 选择name属性等于first的input元素

jquery特有的表达方法。

$('a:first') //选择网页中第一个a元素

('tr:odd') //选择表格的奇数行

2. jquery的链式操作是怎么样的

$('div').find('h3').eq(2).html('Hello');

3.jquery如何创建元素

var $newElement=$('<div><p>段落</p></div>');//创建元素,返回jQuery对象

4.jquery如何移动元素

  1. jQuery 如何移动元素 假定我们选中了一个div元素,需要把它移动到p元素后面。 第一种方法是使用.insertAfter(),把div元素移动p元素后面:

$('div').insertAfter($('p'));

第二种方法是使用.after(),把p元素加到div元素前面:

$('p').after($('div'));

5. jQuery 如何修改元素的属性

举例:改变图像的 width 属性

$("button").click(function(){
  $("img").attr("width","180");
});