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