jQuery

作者: 宋song一 | 来源:发表于2018-08-30 22:25 被阅读3次

1.入口函数

    $().ready(function(){}代表是入口函数
$(document).ready(function(){})需在调用jQuery之后
页面加载后调用的函数,在所有标签加载完之后,就会去执行$(function(){})
<script>
$(function(){
      console.log("ready")
})
</script>

该方法只判断DOM元素是否加载完成

2.过滤器/筛选器

:odd奇数(下标)
:even偶数
标签过滤 .has
内容过滤 :contains()
可用表单元素过滤 :enabled
不可用表单元素过滤 :disabled
下拉列表被选中的数据过滤 :selected
选择框过滤 :checked
可见性过滤 :visible,form标签会被认为是可见的
过滤隐藏域:hidden
input type:hidden,不可见元素display:none
表单筛选器:input,选择所有的表单子标签,input select textarea button
input,选择所有input标签

3.属性的操作

对属性的设置,首先使用attr,如果attr不生效,再考虑prop
返回值attr为值,prop为boolean类型的值
.attr()

4.遍历

for循环遍历可以通用
数组遍历
this代表当前被遍历到的对象

     $.each(要遍历的jquery对象(数组名等等),function(){
     console.log(this)})

带索引遍历

       jquery对象.each(function([index],[dom对象]){
//对每个元素的操作

});
对象还可以使用

   $("标签名").each(function(){
    console.log(this)})

5.对元素内容的操作

.html()方法设置内容的时候,如果有标签,会作为标签进行解析
.text()方法设置内容的时候,如果有标签,会作为普通文本进行解析
在获取的时候, html获取的源代码的内容, text只是获取的文本内容

6.文档的处理

后面追加append
前面追加prepend

after后面平级的兄弟节点
before前面平级的兄弟节点

7.事件切换

  .hover()将二个事件函数绑定到匹配元素上,分别当鼠标指针进入和离开元素时被执行

8.插件

script导入一般写在body的最后
导入插件前先导入jquery
validation 表单form校验插件

9.元素转换

DOM对象转为jQuery对象,在变量名前加即可,如(domEle).jquery 可查看jquery版本号
jQuery对象转换为DOM对象,jEle.get(0)或jEle[0]. (.nodeType可查看DOM对象值,其值为1)

相关文章

网友评论

      本文标题:jQuery

      本文链接:https://www.haomeiwen.com/subject/zdxjwftx.html