当前位置：移动技术网 > IT编程>开发语言>Jquery > css中:not()选择器和jQuery中.not()方法

css中:not()选择器和jQuery中.not()方法

因为老是将这两个的not方法弄混，所以写一下备忘。

css中:not()选择器用法

:not 伪类选择器可以筛选不符合表达式的元素，:not(selector) 其中的selector为css选择器

ul li:not(:first-child)

ul li:not(.text) //不包含class="text"的元素

:not(p) //非段落元素

ul li:not(:first-child):not(:last-child)  //not可叠加使用

jquery中.not()方法
not() 从匹配元素集合中删除元素。

$("p").not("#selected")  //选择id!=selected的段落元素

$('li').not(':even').css('background-color', 'red');  //选择不是偶数的li元素

选择class!=test的input元素的两种方法
$(input:not(.test)).css(...);
$(input).not(".test").css(...);

jQuery操作DOM对象的方法

# jQuery操作DOM 和增删改查 - 1.html() ```js $('ul li&... [阅读全文]
jQuery的clone()方法和data()方法

# jQuery中的clone()和data()方法 - clone() ```js $('.demo').clon... [阅读全文]
jq使用jsonp实现百度搜索

项目实现：还原百度搜索功能；项目原理：利用json回调页面传参; 什么是jsonp：就是利用<script>标签的src地址，让目标页面回... [阅读全文]
5.jQuery实现简单的on()和trigger()方法

# jQuery事件 - 1.on() ```js //1.事件类型type 2.selector 3.data... [阅读全文]
电器类电商网站分类大菜单，配色超舒服~

效果图 <!DOCTYPE html> <html lang="en"> <he... [阅读全文]
现代都市风移动端可折叠导航菜单

效果图 <!DOCTYPE html> <html lang="en"> <he... [阅读全文]
jQuery选择器的简单实现和笔记

# 引入jQuery工具库 ## 下载地址 - cdn:http://www.jq22.com/cdn/#a2 -... [阅读全文]
jQuery简单实现get()和eq()方法

# jQuery选择元素 - get() 从jQuery对象中获取某个指定的元素，返回原生的dom对象，所以不能再次链式调... [阅读全文]
水平导航-三级导航-切换流畅

效果图 <!DOCTYPE html> <html lang="en"> <he... [阅读全文]
互联网公司常用水平导航（二级导航）

效果图 <!DOCTYPE html> <html lang="en"> <he... [阅读全文]


验证码：

相关文章: