小试JQuery

目的

由于偶然的机会， 需要用到一些前端的基本知识进行html上的编程， 顺便浅尝了一下JQuery。

参考

中文版的在线手册

选择器

对于入门来说， JQuery最常用的应该就是选择器了。本人将选择器理解成一个类似于正则搜索的表达式。

使用

• 通过id找到元素： $("#元素id")。 例如：

$('#my-table')

• 向上寻找： $(this).parents('样式')。例如：

$(this).parents('tr')

当前元素的父元素中含有<tr>标签的元素
partent()支持更详细的分类

• 向下寻找： $(this).children()

• 水平寻找：

$(this).first() //this中的第一个元素， this这里一个数组或者集合
$("p").prev() //标签<p>的前一个元素
$("p").next() //标签<p>的后一个元素

• 属性：attr('属性名字')。 例如

$(this).attr('id')

• text(): 可以取值， 也可以设置值。 例如：

//假设<p>Hello World<p>
$('p').text() //Hello World
$('p').text("想要设置的值") //得到<p>想要设置的值<p>

• val(): 可以取得value， 也可以设置。在输入框， 下拉选项中会经常用到。例如：

$("#my-widget-id").val() //取得my-widget-id的value