JavaScript必备小知识-jquery学习(二)

124 阅读1分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

接前文继续来学习 jquery 学习小结

4、jquery 的页面加载和 js 页面加载的区别

jq : 

$(document).ready(function(){
  // ...
})   

简写  

$(function(){
  // ...
})

jq 的页面加载函数中的代码 不需要等页面所有的内容全部加载完成后执行,   只要页面中某个元素的标签加载进来了,页面加载就执行了   执行速度快 jq 的页面加载函数可以有多个

5、jquery 中的样式操作

css()   用法 :

  • .css("样式","值")
  • css({ "样式":"值" ,"样式":"值",.....})    
  • .addClass("类名")   添加样式类
  • .removeClass() 删除样式类

6、jquery 中查找元素下标

index()   查找该元素在同辈元素中的位置

如果括号中有参数,且参数是一个对象,查找该对象在原集合中的位置                   且参数是一组对象,查找该组对象中的第一个对象在原集合中的位置

7、jquery 对象和 dom 对象的互换问题

dom 对象转成 jq 对象 :  (dom对象)jq对象转化成dom对象:    ( dom对象 ) jq对象转化成dom对象 :      ().get(下标)---dom 对象     $()[下标] ---dom 对象

8、属性操作  

attr()   获取或设置标签元素的属性 (该方法不能操作属性值是布尔类型的属性   比如 : checked     操作布尔类型属性 用 prop() ) 获取 : 对象.attr() 设置 : 对象.attr("属性","值")         对象.attr({             属性 : 值,             ...         })

9、jquery 中的内容操作

标签 :      html() 获取或设置 非表单元素的内容       text()  表单 :     val()   获取或设置表单元素的内

10、jquery 的文档操作

  • pend()

  • appendTo()

  • prepend()

  • prependTo()

  • after()

  • insertAfter()

  • before()

  • insertBefore()

empty()清空 remove()   删除 clone()   克隆