zoukankan      html  css  js  c++  java
  • jQuery入门2

    晚上一下昨天对jQuery的选择器的认识。

    昨天大体上使用的是css选择器的基本使用。现在补充一下对css选择器的进一步使用的介绍:

    1.$("p.intro")(注意中间没有空格),这种用法表示查找带有".intro“属性的<p>元素。

    2.$(".ex .hide") (注意中间有空格),这种用法表示查找带有”.ex“和”.hide“这两种属性的元素。

    我的理解:第一种中间没有空格表示带有某属性的元素。第二章中间有空格,表示两种不同的属性,查找同时具备它们的元素。

    (这只是为了让自己更好的理解,自己挖坑自己填,至于真相如何,自学到这里还没有找到更好的理解方式。如果有不同的理解希望能留言交流下哈~)

    $(document).ready(function(){
      $(".ex .hide").click(function(){
        $(this).parents(".ex").hide("slow");
      });
    });
    
    $(function(){
    	$(".show").click(function(){
    		$(this).parents(".ex1").children(".ex").show("slow");
    	})
    });
    
    $(function(){
    	$("h3 .e").click(function(){
    		$(this).hide("slow");
    	})
    })
    

    另外,这两种可以结合来使用:$("div#intro .head")。

    至于新学到的jQuery 使用 XPath 表达式来选择带有给定属性的元素的方法,了解还不深,列出下面的使用:

    $("[href]") 选取所有带有 href 属性的元素。

    $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

    $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

    $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

    好,补充的差不多了。如果有新的了解会在本文持续更新。

  • 相关阅读:
    Photoshop做32位带Alpha通道的bmp图片
    PNG怎么转换成32位的BMP保持透明
    解决WIN32窗口不响应WM_LBUTTONDBLCLK消息
    Windows键盘消息处理
    对象与控件如何建立关联
    DrawItem
    在C语言中除法运算为什么没有小数部分?
    使用GDI+进行图片处理时要注意的问题
    MFC中无标题栏窗口的移动
    MFC带标题栏的窗口和不带标题栏的窗口最大化
  • 原文地址:https://www.cnblogs.com/yns-blogs/p/5253788.html
Copyright © 2011-2022 走看看