为了账号安全,请及时绑定邮箱和手机立即绑定
  • |= 等于或后面接连字符"-" (以下省略属性2字) *= 包含该元素 ~= 包含该元素并有空格分隔 = 完全等于该元素 != 不存在该属性或属性不等于该元素 ^= 以该元素开头 $= 以该元素结尾 $("[属性]") 具有此属性的元素 $("[属性过滤器1][属性过滤器N]") 具有所有指定属性的元素 以下为笔记摘录: 1.$("selector[attribute|='value']");如$("div[name='-']");选择器指定属性值等于给定字符里或宜该字符里为前缀(该字符后跟一连字符‘-’)的元素); 2.$("selector[attribute*='value']"),如$("div[name*='a']");选择器指定属性中有给定的字符串的元素; 3.$("selector[attribute~=‘value’]"),如$("div[name~='a b']");选择器指定属性中用空格分隔的值包含一个空格的元素; 4.$("selector[attribute='value']");如$("input[type='text']").选择器指定属性中的值与改value值相等的元素; 5.$("selector[attribute!='value']");如$("input[checked!='checked']")选择器指定属性中的值不存在的元素; 6.$("selector[attribute^='value']");如$("div[class^='1']");选择器中以指定属性中的值为开头的值的元素;匹配以1为开头的class的div的元素 7.$("selector[attribute$='value']");如$("div[class$="0"]");选择器中以指定属性中的值为结尾的值的元素,匹配以0为结尾的class名的div元素;
    查看全部
  • DOM对象转化成jQuery对象
    查看全部
  • $(":first") 匹配第一个元素; $(":last") 匹配最后一个元素; $(":not(selector)") 过滤的选择器,选择所有的元素去除比匹配给定的选择器; $(":eq(index)");匹配的集合中选择索引为index的元素; $(":gt(index)");选择匹配集合中大于给定的索引值index的元素; $(":even");选择索引值为偶数的元素; $(":odd");选择索引值为奇数的元素 $(":lt(index)");选择匹配集合中所有索引值小于index参数的元素; $(":header");选择指定的元素的所有标题元素,如h1 h2等; $(":animated");选择正在执行动画效果的元素 $(":root");选择该文档的根元素; $("lang(language)");选择指定的语言的所有元素; 注意事项: 1.:eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引 2.gt是一个段落筛选,从指定索引的下一个开始,gt(1) 实际从2开始
    查看全部
  • 内容筛选选择器 $(":contains(text)");选择所有包含指定文本的元素 $(":partent");选择所有包含子元素或者文本的元素 $(":empty");选择所有没有子元素的元素,包含文本节点 $(":has(selector)");选择元素中至少包含指定选择器的元素 注意事项: 1.:contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素 2.如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。 3.:parent与:empty是相反的,两者所涉及的子元素,包括文本节点
    查看全部
  • $("input:not(:checked) + p") 首先选择input中 所有没有checked属性(若有checked属性则默认被选中)。那么集合为前俩个input。 + p 是 紧跟着这俩个Input标签的P元素。前提是 input和p是同一个爸爸
    查看全部
  • .html与.text的异同: .html与.text的方法操作是一样,只是在具体针对处理对象不同 .html处理的是元素内容,.text处理的是文本内容 .html只能使用在HTML文档中,.text 在XML 和 HTML 文档中都能使用 如果处理的对象只有一个子文本节点,那么html处理的结果与text是一样的 火狐不支持innerText属性,用了类似的textContent属性,.text()方法综合了2个属性的支持,所以可以兼容所有浏览器
    查看全部
  • this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值。
    查看全部
  • > (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + (加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ (波浪线)任意距离兄弟关系 如$("div ~ p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。 ,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。
    查看全部
  • .html(),.text()和.val()的差异总结: .html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。
    查看全部
  • ===三个等号是判断类型为前提的比较 ==是可以忽略string和int型差异进行比较 ==代表等于(数值上的相等),===代表全等(数值以及数据类型是全等的)
    查看全部
  • 如果传入的参数是id则在id前加上前缀"#",用于告诉jQuery我传入的是id; 如果传入的参数是class则在class前加上前缀".",用于告诉jQuery我传入的是class; 如果传入的参数是标签名则无需任何前缀,用于告诉jQuery我传入的是标签名;
    查看全部
  • id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的
    查看全部
  • jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。 通过jQuery自带的get()方法 jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点,get方法中提供一个元素的索引: var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法,转化成DOM对象 div.style.color = 'red' //操作dom对象的属性
    查看全部
  • 通过$('#imooc')方法会得到一个$p的jQuery对象,$p是一个类数组对象。这个对象里面包含了DOM对象的信息,然后封装了很多操作方法,调用自己的方法html与css,得到的效果与标准的JavaScript处理结果是一致的。 通过标准的JavaScript操作DOM与jQuyer操作DOM的对比,我们不难发现: 通过jQuery方法包装后的对象,是一个类数组对象。它与DOM对象完全不同,唯一相似的是它们都能操作DOM。 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短。
    查看全部
  • jQuery对象与DOM对象是不一样的!!!
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的选择器 3、jQuery中的属性和样式

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!