数往知来 jquery选择器 <二十一>

一、属性过滤器

$(‘input[name]‘)     选中页面上所有input标签具有name属性的元素

$(‘input[name=xxx]‘)   选中页面上所有input标签具有name属性并且值等于xxx的元素

$(‘input[name!=xxx]‘)   选中页面上所有input标签具有name属性并且值不等于xxx的元素

$(‘input[name^=x]‘)      选中页面上所有input标签具有name属性并且值是以x开头的的元素

$(‘input[name$=x]‘)      选中页面上所有input标签具有name属性并且值是以x结尾的的元素

$(‘input[name*=x]‘)      选中页面上所有input标签具有name属性并且值包含x的的元素

$(‘input[name][value]..‘)      选中页面上所有input标签具有name属性、value属性的元素

$(‘fome :disabled‘)   选中form标签下所有被禁用的元素,注意fome后面有个空格

$(‘fome :enabled‘)   选中form标签下所有没有被禁用的元素,注意fome后面有个空格

$(‘:checkd‘)   选中页面上所有checked为true的元素,不包含selected   :checked 表示选中所有被选中的radio和checkbox

$(‘:selected‘)  选中页面上所有selected为true的元素   :selected表示所有被选中的select元素

二、表单选择器

$(‘:input‘)    选中表单中的所有标签,包含input  textarea   radio  checkbox  select   button  

等价于  $(‘input,radio,checkbox...‘)

$(‘:text‘)   表示选中所有单行文本框。等价于  $(‘input[type=text]‘)

$(‘:checkbox‘) 

$(‘:radio‘)

同理  ‘:标签类型‘   就是选中页面中对应的表单的元素

$(‘a‘).attr(‘href‘,‘http://www.baidu.com‘);     表示获取页面上的a标签,给它的href属性赋值

$(‘a‘).removeAttr(‘href‘)    移除href属性

三、jquery动态创建一个对象

var alink=$(‘<a href=‘......‘ title=‘dfdfdbsdk‘>百度</a>‘);    创建一个对象

alink.attr(‘tagert‘,‘_blank‘)   往这个对象里面添加属性

$(‘div‘).append(alink);    添加到一个层中

$(‘<input/>‘).appendTo(‘#div‘)    表示创建一个元素然后把这个元素追加到这个id为#div的层里面

四、emptys和remove

A.emptys()表示清空某个元素下的全部子元素,不包含自己

A.remove()表示删除当前元素包含该元素下的所有子元素    remova 有返回值,

返回值就是移除的元素包含移除的子元素

当在页面上进行元素移动的时候没有必要先删除,直接移动(append、appendTo)就可以了,

因为在DOM里面一个元素只能有一个父节点

 

时间: 2024-10-10 15:33:25

数往知来 jquery选择器 <二十一>的相关文章

jquery选择器2

jquery 选择器二: 选择某个网页元素,然后对它进行某种操作. 案例: 原文地址:https://www.cnblogs.com/yingxiongguixing/p/11728199.html

数往知来 JQuery_选择器_隐式迭代_链式编程 &lt;二十&gt;

一.通过js实现页面加载完毕执行代码的方式与jquery的区别 1.通过jquery的方式可以 让多个方法被执行,而通过window.onload的方式只能执行最后一个, 因为最后一次注册的方法会把前面的方法覆盖掉 1. window.onload需要等待页面的所有元素资源比如说img里的图片一些连接等等都下载完毕后才会触发: 2. 而jquery只要页面的标签元素都下载完毕就会触发了 二.$.map(数组,function(ele,index){})函数对数组进行遍历,遍历之后会返回一个新的数

很容易学习的JQuery库 : (二) 选择器

一.作用 选择器允许您对元素组或单个元素进行操作. 在前面的章节中,我们介绍了一些有关如何选取 HTML 元素的实例. 关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素. jQuery 元素选择器和属性选择器允许您通过标签名.属性名或内容对 HTML 元素进行选择. 选择器允许您对 HTML 元素组或单个元素进行操作. 在 HTML DOM 术语中: 选择器允许您对 DOM 元素组或单个 DOM 节点进行操作. 二.元素选择器 jQuery 使用 CSS 选择器来选取 HT

jQuery(二):jQuery选择器

jQuery选择器类似于CSS选择器,用来选取网页中的元素.例如: $("h3").css("background-color","red"); 说明: 获取并设置网页中所有<h3>元素的背景色. "h3"为选择器语法,必须放在$()中. $("h3")返回jQuery对象. 一.jQuery选择器 jQuery选择器功能强大,种类也很多,分类如下: 1.类CSS选择器 基本选择器 层次选择器

jQuery基础学习(二)&mdash;jQuery选择器

一.jQuery基本选择器 1.CSS选择器     在学习jQuery选择器之前,先介绍一下之前学过的CSS选择器. 选择器 语法 描述 示例   标签选择器 E {                 CSS规则   }   以文档元素为选择符   ID选择器 #ID{                  CSS规则 }   以ID为选择符   类选择器 E.className{                 CSS规则 }   以文档元素的Class为选择符   群组选择器 E1,E2{   

非常easy学习的JQuery库 : (二) 选择器

作用 选择器同意您对元素组或单个元素进行操作. 在前面的章节中,我们介绍了一些有关怎样选取 HTML 元素的实例. 关键点是学习 jQuery 选择器是怎样准确地选取您希望应用效果的元素. jQuery 元素选择器和属性选择器同意您通过标签名.属性名或内容对 HTML 元素进行选择. 选择器同意您对 HTML 元素组或单个元素进行操作. 在 HTML DOM 术语中: 选择器同意您对 DOM 元素组或单个 DOM 节点进行操作. 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元

jquery选择器(原创)&lt;二&gt;

jquery选择器,选择接着学: 前面学习了基本选择器中的CSS选择器,现在学层级选择器: 1.子元素选择器 子元素选择器,用于在给定的父元素下,查找这个父元素下面的所有的子元素,语法格式,如下: $("parent>child") 其中,参数parent是任意有效的选择器:child也是一个选择器,并且它是第一个选择器的子元素,用于筛选子元素.两个参数之间,用“>”分隔: <!DOCTYPE html> <html xmlns="http://

jQuery-1.9.1源码分析系列(二)jQuery选择器

1.选择器结构 jQuery的选择器根据源码可以分为几块 init: function( selector, context, rootjQuery ) { … // HANDLE: $(""), $(null), $(undefined), $(false) ... // Handle HTML strings if ( typeof selector === "string" ) { … // HANDLE: $(DOMElement) } else if (

jQuery-1.9.1源码分析系列(二)jQuery选择器续

在分析之前说一点题外话. ownerDocument和 documentElement的区别 ownerDocument是Node对象的一个属性,返回的是某个元素的根节点文档对象:即document对象:documentElement是Document对象的属性,返回的是文档根节点 对于HTML文档来说,documentElement是<html>标签对应的Element对象,ownerDocument是document对象. 接下开始正题. 1.几个jQuery选择器源码中遇到的几个函数 a