博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
认识jQuery及jQuery选择器
阅读量:5967 次
发布时间:2019-06-19

本文共 1201 字,大约阅读时间需要 4 分钟。

记录自己平时要注意的,如您看到哪里错误,望指正

认识jQuery

jQuery对象和DOM对象

var domObj = document.getElementById("id")//DOM对象var $Obj = $("#id")//jQuery对象

在jQuery对象中无法使用DOM对象

jQuery对象和DOM对象的转化

  1. jQuery对象转化成DOM对象

    jQuery对象是类似数组的对象,两种转换方法[index]和get(index)

    var $obj = $("#id");var domObj = $obj[0];或var domObj = $obj.get(0);
  2. DOM对象转化成jQuery对象

    对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象。

    var domObj = document.getElementById("id");var $obj = $(domObj)

平时用到的jQuery对象都是通过$()函数制造出来的,$()函数就是jQuery对象的制造工厂

解决jQuery冲突问题

  1. 在其他库之后导入

    jQuery.noConflict();jQuery(function(){    jQuery("#id").....    })//自定义快捷方式var $j = jQuery.noConflict();$j(function(){    $j("#id").....    })//使用$,但不冲突jQuery.noConflict();jQuery(function($){    $("#id").....    })//jQuery.noConflict();//(function($){//    $("#id").....//     //})
  2. 在其他库之前导入

    无需调用jQuery.noConflict()

jQuery选择器

$("selestor")获取的永远是对象,即使selector元素不存在。

:contains(text)

选取含有文本内容为“text”的元素

:hidden

包括样式属性display为“none”、文本隐藏域(<input type="hidden">)和visibility:hidden之类的元素

[attribute|=value] [attribute~=value]

| :选取属性等于给定字符串或以该字符串为前缀的元素(跟“-”)

~ :选取属性用空格分隔的值中包含一个给定值得元素

:子元素过滤几个区别

:nth-child:选择父元素下的第index个子元素(index从1算起)

:eq(index):值匹配一个元素

:first与:first-child、:last与:last-child 同理

选择器含有空格的注意事项

加空格可能是指后代元素

转载地址:http://wvqax.baihongyu.com/

你可能感兴趣的文章
Shell之Sed常用用法
查看>>
Centos下基于Hadoop安装Spark(分布式)
查看>>
3D地图的定时高亮和点击事件(基于echarts)
查看>>
mysql开启binlog
查看>>
设置Eclipse编码方式
查看>>
分布式系统唯一ID生成方案汇总【转】
查看>>
并查集hdu1232
查看>>
Mysql 监视工具
查看>>
Linux Namespace系列(09):利用Namespace创建一个简单可用的容器
查看>>
博客搬家了
查看>>
Python中使用ElementTree解析xml
查看>>
jquery 操作iframe、frameset
查看>>
解决vim中不能使用小键盘
查看>>
jenkins权限管理,实现不同用户组显示对应视图views中不同的jobs
查看>>
我的友情链接
查看>>
批量删除用户--Shell脚本
查看>>
Eclipse Java @Override 报错
查看>>
linux的日志服务器关于屏蔽一些关键字的方法
查看>>
mysql多实例实例化数据库
查看>>
javascript 操作DOM元素样式
查看>>