目的
由于偶然的机会, 需要用到一些前端的基本知识进行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