jQuery学习总结元素的相对定位和选择器(持续更新)

jQuery元素的相对定位。在jQuery中，不仅可以使用选择器进行绝对定位，还可以使用选择器进行相对定位。只要在$()中指定第二个参数，第二个参数就是一个相对元素。第二个参数传递一个jQuery对象，并且基于这个对象进行相对选择。复制代码如下： html head titlejQuery元素相对定位和选择器/title脚本类型=' text/JavaScript ' src=' http : jquery-1 . 4 . 2 . js '/script script $(function(){//将第1~3行的背景色设置为红色(绝对定位)。//注意这里的gt(0)是从lt(4)开始的新序列中的序列号开始的，而不是原来的序列号。(即在原有基础上进一步过滤)$ ('# t tr : lt (4) : gt (0)')。CSS('背景'，'红色')；$ ('# t tr ')。jquery中的click(this in function(){//DOM-$ (this)/$(' TD '，$ (this))是相对于TD $ ('TD '，$(this))的。CSS('背景'。});$('tr[title=ttt ]')。css('背景'，'黄色')；});/script/head body div id=' div 1 ' table id=' t ' trtd 111/TdTDa/TD/tr trtd 222/TdTDb/TD/tr trtd 333/TdC/TD/tr trtd 444/TdTDd/TD/tr tr tr title=' TTT ' TD 555/Tde/TD/tr trtd 666/TdTDf/TD/tr trtd 777/TdTDg/TD/tr trtd 888/TdTDh/TD

$('div[id]')选择具有id属性的div$(' div[title=test]')选择具有title属性的test '。注意：等号。$('div[title！=test]')选择标题属性不是' test '的div$(' input : checked ')。注意：输入和3360checked之间没有空格$('input ')和$(' : put ')。$('input ')只能获取输入标记，但textarea和select不能。$(':input ')不仅可以获得输入标记，还可以获得提交给服务器的表单，如textarea和select。类似于$(':text ')获取所有单行文本框，我们也可以使用$('input[type=text]')实现同样的功能。类似的有$(':passowrd ')，$(':radio ')，$(':checkbox ')，$(':submit ')，$(':image ')，$(':reset ')，$(。$(':hidden')使用attr()方法读取或设置元素的属性，使用attr操作jQuery没有的封装属性。$('#a:first ')。attr('href '，' http://Baidu.com ')；删除属性removeAttr，它在源代码中是不可见的。此时，它不同于清空属性。动态创建Dom节点。使用$(html字符串)动态创建Dom节点，并返回一个jQuery对象，然后调用append等方法将创建的节点添加到Dom中。var link=$(' a href=' http://www . Baidu.com ' Baidu/a ')；$(“div : first”)。追加(链接)；append方法用于在元素末尾追加一个元素(添加一个子元素成为最后一个子元素)；prepend方法在元素的开头添加一个元素(添加一个子元素成为第一个子元素)；after方法在元素后添加一个元素(添加一个兄弟)；before方法在元素之前添加一个元素(添加一个兄弟)；9.删除节点remove()删除选中的节点，这意味着返回值是被删除的节点对象，可以继续使用。var list=$('#ulLeft li.test ')。移除()；$('#ulRight ')。追加(列表)；E.stopPropagation()防止事件冒泡；防止默认行为：e.preventDefault()与window.event.returnValue=false具有相同的效果。