精华内容
参与话题
问答
  • css选择器

    万次阅读 2020-06-15 14:21:45
    css常见的选择器 选择器的作用是选中标签,所以下面的选择器都是指标签 * /*通配符选择器*/ # /*id选择器*/ . /*类选择器*/ , /*分组选择器*/ 空格 /*后代选择器*/ > /*直接后代选择器*/ + /*相邻兄弟选择器*/ ~ ...

    css常见的选择器

    选择器的作用是选中标签,所以下面的选择器都是指标签

    *   /*通配符选择器*/
    #   /*id选择器*/
    .   /*类选择器*/
    ,   /*分组选择器*/
    空格 /*后代选择器*/
    >   /*直接后代选择器*/
    +   /*相邻兄弟选择器*/
    ~   /*通用兄弟选择器*/
    

    属性选择器

    /*
    属性存在选择器
    */
    [attr] /*选择包含attr属性的所有元素,不论attr的值*/
    /*需要注意的是属性值val是字符串需要用引号引起来*/
    [attr=val] /*选择仅包含attr被赋值为val的所有元素*/
    [attr~=val]/*选择以val命名的属性元素,并且属性是以空格作为分隔值*/
    /*
    子串值属性选择器
    */
    [attr|=val]/*选择attr属性的值以val(包含val)或者val-开头的元素*/
    [attr^=val]/*选择attr属性的值以val开头(包含val)的元素*/
    [attr$=val]/*选择attr的值以val结尾(包含val)的元素*/
    [attr*=val]/*选择attr属性值中含有字符串val的元素*/
    
    <style>
    div[name]{
    	border:1px solid
    }
    </style>
    <div>
    	<div name="a">1</div>
    	<div name="b">2</div>
    </div>
    

    伪类选择器

    /**
    链接伪类  只能作用到链接类的标签元素
    */
    :link /*表示作为超链接,指向一个未访问的地址的所有锚*/
    :visited/*表示作为超链接,指向一个已被访问的地址的所有锚*/
    :target/*代表一个特殊的元素,它的id是URI的片段标识符*/
    
    /**
    动态伪类   能作用到所有标签元素
    */
    :hover/*选中鼠标悬浮的标签元素*/
    :active/*选中点击按住的标签元素*/
    :visited
    /*会被浏览器记住已经点击过
    	visited只有3个属性可以修改
    	color  background-color border-color
    */
    

    表单伪类选择器

    :enabled/*匹配可编辑的表单*/
    :disable/*匹配被禁用的表单*/
    :checked/*匹配被选中的表单*/
    :focus/*匹配获焦的表单*/
    

    结构性伪类选择器

    /* 关于后面index的值说明:
    	index的值从1开始计数!!!!
    	index可以为变量n(只能是n)
    	index可以为even odd
    */
    /*选择id=wrap元素标签的子标签中索引是index的表情*/
    #wrap ele:nth-child(index)		/*表示匹配#wrap中第index的子元素 这个子元素必须是ele*/
    #wrap ele:nth-of-type(index)	/*表示匹配#wrap中第index的ele子元素*/
    /* 注意
    	:nth-child和:nth-of-type  有一个很重要的区别!
    	nth-of-type以元素为中心!就是所有符合条件的第一个标签,标签不同也会被选中
    	举例:
    		<div id="wrap">
    			<div class="inner">div</div>
    			<p class="inner">p</p>
    			<span class="inner">span</span>
    			<h1 class="inner">h1</h1>
    			<h2 class="inner">h2</h2>
    		</div>
    	下面的css会选中上面所有的标签,因为每个标签都只出现一次
    		#wrap .inner:nth-child(1){
    			border: 1px solid;
    		}
    */
    :first-of-type  /*元素为中心,第一个出现元素*/
    :last-of-type   /*元素为中心,最后一个出现的元素*/
    :nth-last-type(index)
    :only-of-type   /*选中仅出现一次的元素*/
    /* 例如:
        <div>
    		<span>1</span>
    		<span>2</span>
    		<span>3</span>
    		<p>4</p>
    		<p>5</p>
    		<span>6</span>
    	</div>
    	通过
    	div p:nth-last-type(1){
    		color:red
    	}
    	可以选择4所在的标签并且将4的字体设置为红色,相对于nth-child比较宽松的选择元素,
    	可以有上面类似的span不需要的元素,而nth-child必须是第一个元素,可能选择不到
    	div p:nth-child(1){
    		color:red
    	}
    	则一个也选择不到元素,因为div下面第一个子元素不是p标签
    */
    		
    /*:nth-child(index)系列	*/		
    :first-child  /*第一个元素*/
    :last-child   /*最后一个元素*/
    :nth-last-child(index)/*最后一个元素*/
    :only-child /*(相当于:first-of-type:last-of-type 或者 :nth-of-type(1):nth-last-of-type(1))*/
    
    
    :not()	/*不要选中*/
    :empty() /*内容必须是空的,有空格都不行,有属性没关系*/
    

    伪元素选择器

    伪元素建议使用双冒号,单冒号也可以使用

    ::after  /*css生成的虚拟的dom元素(相当于生成的标签)一个元素只能有一个after或before*/
    ::before
    
    ::firstLetter/*选中标签内的第一个字符*/
    ::firstLine/*选中第一行元素*/
    ::selection  /*鼠标按住左键选中的内容*/
    
    展开全文
  • picker 从底部弹起的滚动选择器 <view class="section"> <view class="section__title">普通选择器</view> <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">...

    picker 从底部弹起的滚动选择器

    <view class="section">
      <view class="section__title">普通选择器</view>
      <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
        <view class="picker">
          当前选择:{{array[index]}}
        </view>
      </picker>
    </view>
    <view class="section">
      <view class="section__title">多列选择器</view>
      <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}">
        <view class="picker">
          当前选择:{{multiArray[0][multiIndex[0]]}}{{multiArray[1][multiIndex[1]]}}{{multiArray[2][multiIndex[2]]}}
        </view>
      </picker>
    </view>
    <view class="section">
      <view class="section__title">时间选择器</view>
      <picker mode="time" value="{{time}}" start="09:01" end="21:01" bindchange="bindTimeChange">
        <view class="picker">
          当前选择: {{time}}
        </view>
      </picker>
    </view>
    
    <view class="section">
      <view class="section__title">日期选择器</view>
      <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
        <view class="picker">
          当前选择: {{date}}
        </view>
      </picker>
    </view>
    <view class="section">
      <view class="section__title">省市区选择器</view>
      <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
        <view class="picker">
          当前选择:{{region[0]}}{{region[1]}}{{region[2]}}
        </view>
      </picker>
    </view>
    
    Page({
      data: {
        array: ['美国', '中国', '巴西', '日本'],
        objectArray: [
          {
            id: 0,
            name: '美国'
          },
          {
            id: 1,
            name: '中国'
          },
          {
            id: 2,
            name: '巴西'
          },
          {
            id: 3,
            name: '日本'
          }
        ],
        index: 0,
        multiArray: [['无脊柱动物', '脊柱动物'], ['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物'], ['猪肉绦虫', '吸血虫']],
        objectMultiArray: [
          [
            {
              id: 0,
              name: '无脊柱动物'
            },
            {
              id: 1,
              name: '脊柱动物'
            }
          ], [
            {
              id: 0,
              name: '扁性动物'
            },
            {
              id: 1,
              name: '线形动物'
            },
            {
              id: 2,
              name: '环节动物'
            },
            {
              id: 3,
              name: '软体动物'
            },
            {
              id: 3,
              name: '节肢动物'
            }
          ], [
            {
              id: 0,
              name: '猪肉绦虫'
            },
            {
              id: 1,
              name: '吸血虫'
            }
          ]
        ],
        multiIndex: [0, 0, 0],
        date: '2016-09-01',
        time: '12:01',
        region: ['广东省', '广州市', '海珠区'],
        customItem: '全部'
      },
      bindPickerChange: function(e) {
        console.log('picker发送选择改变,携带值为', e.detail.value)
        this.setData({
          index: e.detail.value
        })
      },
      bindMultiPickerChange: function (e) {
        console.log('picker发送选择改变,携带值为', e.detail.value)
        this.setData({
          multiIndex: e.detail.value
        })
      },
      bindMultiPickerColumnChange: function (e) {
        console.log('修改的列为', e.detail.column, ',值为', e.detail.value);
        var data = {
          multiArray: this.data.multiArray,
          multiIndex: this.data.multiIndex
        };
        data.multiIndex[e.detail.column] = e.detail.value;
        switch (e.detail.column) {
          case 0:
            switch (data.multiIndex[0]) {
              case 0:
                data.multiArray[1] = ['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物'];
                data.multiArray[2] = ['猪肉绦虫', '吸血虫'];
                break;
              case 1:
                data.multiArray[1] = ['鱼', '两栖动物', '爬行动物'];
                data.multiArray[2] = ['鲫鱼', '带鱼'];
                break;
            }
            data.multiIndex[1] = 0;
            data.multiIndex[2] = 0;
            break;
          case 1:
            switch (data.multiIndex[0]) {
              case 0:
                switch (data.multiIndex[1]) {
                  case 0:
                    data.multiArray[2] = ['猪肉绦虫', '吸血虫'];
                    break;
                  case 1:
                    data.multiArray[2] = ['蛔虫'];
                    break;
                  case 2:
                    data.multiArray[2] = ['蚂蚁', '蚂蟥'];
                    break;
                  case 3:
                    data.multiArray[2] = ['河蚌', '蜗牛', '蛞蝓'];
                    break;
                  case 4:
                    data.multiArray[2] = ['昆虫', '甲壳动物', '蛛形动物', '多足动物'];
                    break;
                }
                break;
              case 1:
                switch (data.multiIndex[1]) {
                  case 0:
                    data.multiArray[2] = ['鲫鱼', '带鱼'];
                    break;
                  case 1:
                    data.multiArray[2] = ['青蛙', '娃娃鱼'];
                    break;
                  case 2:
                    data.multiArray[2] = ['蜥蜴', '龟', '壁虎'];
                    break;
                }
                break;
            }
            data.multiIndex[2] = 0;
            break;
        }
        console.log(data.multiIndex);
        this.setData(data);
      },
      bindDateChange: function(e) {
        console.log('picker发送选择改变,携带值为', e.detail.value)
        this.setData({
          date: e.detail.value
        })
      },
      bindTimeChange: function(e) {
        console.log('picker发送选择改变,携带值为', e.detail.value)
        this.setData({
          time: e.detail.value
        })
      },
      bindRegionChange: function (e) {
        console.log('picker发送选择改变,携带值为', e.detail.value)
        this.setData({
          region: e.detail.value
        })
      }
    })
    

    picker-view 嵌入页面的滚动选择器

    <view class="container">
      <view class="page-body">
        <view class="selected-date">{{year}}{{month}}{{day}}{{isDaytime ? "白天" : "夜晚"}}</view>
        <picker-view indicator-style="height: 50px;" style="width: 100%; height: 300px;" value="{{value}}" bindchange="bindChange">
          <picker-view-column>
            <view wx:for="{{years}}" wx:key="{{years}}" style="line-height: 50px; text-align: center;">{{item}}</view>
          </picker-view-column>
          <picker-view-column>
            <view wx:for="{{months}}" wx:key="{{months}}" style="line-height: 50px; text-align: center;">{{item}}</view>
          </picker-view-column>
          <picker-view-column>
            <view wx:for="{{days}}" wx:key="{{days}}" style="line-height: 50px; text-align: center;">{{item}}</view>
          </picker-view-column>
          <picker-view-column>
            <view class="icon-container">
              <image class="picker-icon" src="../lib/daytime.png" />
            </view>
            <view class="icon-container">
              <image class="picker-icon" src="../lib/night.png" />
            </view>
          </picker-view-column>
        </picker-view>
      </view>
    
    </view>
    
    const date = new Date()
    const years = []
    const months = []
    const days = []
    
    for (let i = 1990; i <= date.getFullYear(); i++) {
      years.push(i)
    }
    
    for (let i = 1; i <= 12; i++) {
      months.push(i)
    }
    
    for (let i = 1; i <= 31; i++) {
      days.push(i)
    }
    
    Page({
      onShareAppMessage() {
        return {
          title: 'picker-view',
          path: 'page/component/pages/picker-view/picker-view'
        }
      },
    
      data: {
        years,
        year: date.getFullYear(),
        months,
        month: 2,
        days,
        day: 2,
        value: [9999, 1, 1],
        isDaytime: true,
      },
    
      bindChange(e) {
        const val = e.detail.value
        this.setData({
          year: this.data.years[val[0]],
          month: this.data.months[val[1]],
          day: this.data.days[val[2]],
          isDaytime: !val[3]
        })
      }
    })
    

    slider 滑动选择器

    var pageData = {}
    for (var i = 1; i < 5; ++i) {
      (function (index) {
        pageData[`slider${index}change`] = function (e) {
          console.log(`slider${index}发生change事件,携带值为`, e.detail.value)
        }
      })(i);
    }
    Page(pageData)
    
    <view class="page">
        <view class="page__hd">
            <text class="page__title">slider</text>
            <text class="page__desc">滑块</text>
        </view>
        <view class="page__bd">
            <view class="section section_gap">
                <text class="section__title">设置left/right icon</text>
                <view class="body-view">
                    <slider bindchange="slider1change" left-icon="cancel" right-icon="success_no_circle"/>
                </view>
            </view>
    
            <view class="section section_gap">
                <text class="section__title">设置step</text>
                <view class="body-view">
                    <slider bindchange="slider2change" step="5"/>
                </view>
            </view>
    
            <view class="section section_gap">
                <text class="section__title">显示当前value</text>
                <view class="body-view">
                    <slider bindchange="slider3change" show-value/>
                </view>
            </view>
    
            <view class="section section_gap">
                <text class="section__title">设置最小/最大值</text>
                <view class="body-view">
                    <slider bindchange="slider4change" min="50" max="200" show-value/>
                </view>
            </view>
        </view>
    </view>
    
    展开全文
  • 选择器

    千次阅读 2011-10-25 23:29:55
    在Objective-C语言中, 选择器(selector) 有两层含义,在源代码中,它指代一个函数名称,在编译期间,它被一个唯一的标记符替代。编译后的选择器被替换成一个SEL类型. 所有具有同一个名称的函数具有同一个选择器。...
     
    

    本文档版权归NickTang所有,没有本人书面或电子邮件允许,不许转载,摘录,发表。多谢! 

    在Objective-C语言中, 选择器(selector) 有两层含义,在源代码中,它指代一个函数名称,在编译期间,它被一个唯一的标记符替代。编译后的选择器被替换成一个SEL类型. 所有具有同一个名称的函数具有同一个选择器。你可以使用选择器调用一个对象的方法--这是Cocoa中的目标-动作设计模式的最基本实现方式。

    函数和选择器

    为了效率,编译后的代码不再使用函数名称。作为替代,编译器把所有的函数名称保存在一个表中,然后为每一个函数名称声称一个唯一的标识,并在运行的时候使用这个标识作为函数的替代。运行环境包装每一个标识是唯一的:同样名称的函数具有相同的选择器,不同的函数的选择器绝对不同。

    SEL和@selector

    编译后的选择器使用一个特别的类型,SEL,以区别与其他数据类型。你必须使用一个函数来付值给一个SEL变量。@selector()指示在编译期间的选择器。下面的例子演示了使用函数setWidth:height:来付值给SEL类型的变量setWidthHeight:

    SEL setWidthHeight;
    setWidthHeight = @selector(setWidth:height:);

    在编译期间,使用@selector()来直接设置SEL变量是很有效的。但是,有些情况下,你可能需要在运行期间使用一个字符串来转换成一个选择器,这个时候,你需要使用 NSSelectorFromString 函数:

    setWidthHeight = NSSelectorFromString(aBuffer);

    相反方向的转换也是有可能需要的。函数 NSStringFromSelector就是做这个事情的:

    NSString *method;
    method = NSStringFromSelector(setWidthHeight);

    函数和选择器

    编译后的选择器指代函数的名称,而不是函数的实现。例如,一个类中的displa函数在其他类中可能有一个相同名字的函数,那么这就是多态性和动态绑定的本质;它可以让你对不同的类发送相同的消息。如果每一个函数的实现都不同,那么一个消息可能会有不同的函数调用。

    具有相同名称的类函数和实例函数具有相同的选择器。但是,由于它们在不同的作用域中,所以这两种情况不会找出冲突,一个类可以拥有一个display实例函数的同时拥有一个display类函数。

    函数的返回类型和参数类型

    消息必须通过选择器才能转化为对函数实现的调用,因此一个消息对所有的相应的函数都会作为相同的选择器使用。消息通过选择器来了解函数的参数类型和返回类型。故此,除了是接受者是静态指定的,动态绑定需要所有的同一个名字的函数必须具有相同的函数类型和返回类型。(由于编译器会对静态接受者进行检查,所以它是这个规则的一个例外)

    虽然相同的类方法和实例方法是有同一个选择器,但是它们可以有不同的参数类型和返回类型。

    运行期验证消息

    定义在类NSObject中的函数performSelector:performSelector:withObject:performSelector:withObject:withObject: 使用一个SEL作为参数。这三个函数最后都转换为相应的函数调用,例如:

    [friend performSelector:@selector(gossipAbout:)
        withObject:aNeighbor];

    和下面的代码相等:

    [friend gossipAbout:aNeighbor];

    这三个函数使得在运行期对消息和消息接受者验证称为可能,并且在消息的任何部分都可以使用变量:

    id   helper = getTheReceiver();
    SEL  request = getTheSelector();
    [helper performSelector:request];

    在上面的例子中,接收者(helper)是在运行期决定的 (通过函数getTheReceiver调用决定), 并且接受者的函数(request) 也是通过运行期决定的 。

    注: performSelector:等一干函数返回一个id类型的变量。如果函数返回一个其他的类型,必须通过转换来变成合适的方式(当然,不是所有的类型都能被转换,函数应该返回一个指针或者相似的类型)。


    避免消息错误

    如果一个接受者接到一个不在函数列表中的消息,就会发生一个错误。这个错误和调用一个不存在的函数的错误一样。不过由于消息是在运行期发生的,所以这个错误直到程序运行的时候才会发生发生。

    这个错误在接受者和消息都是固定的时候是很容易避免的。由于是你写的程序,所以你可以保证接受者是能够对消息做出响应的。如果接受者是固定的,那么编译器可以为你做这样的检测的。

    不过,如果消息接受者和消息本身是动态的,那么这个检验工作就要推迟到运行期了。定义在NSObject类中的函数respondsToSelector:就是为了测试一个接受者是否响应某个消息。它接受一个函数选择器作为参数,返回接受者能否响应这个选择器:

    if ( [anObject respondsToSelector:@selector(setOrigin::)] )
        [anObject setOrigin:0.0 :0.0];
    else
        fprintf(stderr, "%s can’t be placed\n",
            [NSStringFromClass([anObject class]) UTF8String]);

    respondsToSelector:所作的运行期检测是很重要的,特别是你发消息到不是你所控制的类中的时候。例如,你发送一个消息到一个可以通过变量设置的接受者得时候,你必须通过这个函数来确认接受者是否实现了这个函数。

    注: 一个对象可以前转一个消息到其他的接受者,对于消息的发送方看到的是这个对象处理了这个消息。前参考Objective-C Runtime Programming Guide中的 “Message Forwarding”

    展开全文
  • Android自定义日期选择器源码

    万次下载 热门讨论 2014-08-23 15:42:54
    配套博客地址:http://blog.csdn.net/wwj_748/article/details/38778631
  • 标题&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt; &lt;html&gt; ...q

    CSS - 选择器(标签选择器、类选择器、ID选择器)

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    	<title>CSS选择器</title>
    	<!-- 
    		CSS选择器类型:标签选择器、类选择器、ID选择器
    	 -->
    	<style type="text/css">
    		/* 标签选择器 */
    		p{
    			color:red;
    		}
    		li{
    			font-size:12px;
    		}
    		/* 类选择器 */
    		.db{
    			font-size:20px;
    			color:blue;
    		}
    		/* ID选择器 */
    		#welcome{
    			font-weight: bold;
    			text-decoration: underline;
    		}
    		/* 复合选择器 */
    		li.itany{
    			font-size:30px;
    			color:yellow;
    		}
    		li#wbs{
    			font-family: 黑体;
    			color:pink;
    		}
    		/* 嵌套选择器 */
    		p span{
    			font-size:35px;
    			color:#ff7300;
    		}
    		p span#huogai{
    			color:green;
    		}
    		/* 集体声明 */
    		p,p span#huogai{
    			font-size:25px;
    		}
    	</style>
    </head>
    <body>
    	<p id="welcome">你好,欢迎访问贵美商城!<span id="huogai">不是一般的活该</span></p>
    	<ul>
    		<li class="db">家用电器</li>
    		<li>大家电</li>
    		<li>大家电</li>
    		<li>大家电</li>
    		<li class="itany">大家电</li>
    		<li>大家电</li>
    		<li>大家电</li>
    		<li>大家电</li>
    		<li>大家电</li>
    		<li>大家电</li>
    	</ul>
    	<span>真活该</span>
    	<ul>
    		<li class="db">日用百货</li>
    		<li>洗衣粉</li>
    		<li>洗衣粉</li>
    		<li>洗衣粉</li>
    		<li id="wbs">洗衣粉</li>
    		<li>洗衣粉</li>
    		<li>洗衣粉</li>
    		<li>洗衣粉</li>
    		<li>洗衣粉</li>
    		<li>洗衣粉</li>
    		<li>洗衣粉</li>
    	</ul>
    	<p>啊哈哈哈哈哈哈哈<span>哈哈</span></p>
    </body>
    </html>
    
    展开全文
  • Android 超高仿微信图片选择器完整实例源码下载

    万次下载 热门讨论 2014-10-12 17:32:19
    代码为博客的实例代码,有问题请博客留言:http://blog.csdn.net/lmj623565791/article/details/39943731
  • 提示:我们可以从jquery文档上学习哦~ 下面简单的介绍几种常用的选择器 ===================================基本选择器================================== id选择器 #id --> 匹配指定id名称 元素选择器 --...
  • CSS的四种基本选择器和四种高级选择器

    万次阅读 多人点赞 2018-07-11 13:48:38
    CSS选择器:就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器。 CSS的选择器分为两大类:基本选择题和扩展选择器。 基本选择器: 标签选择器:针对一类标签 ID选择器:针对某一个特定的...
  • 选择子类: div 下的img元素 $("div").children("img") 选择父类:div的所有父类  $("div").parent('') 选择 祖父: parents()获取所有上级元素 以下是 代码是从当前元素...
  • JQuery选择器之位置选择器

    千次阅读 2017-12-20 19:35:07
    匹配页面上满足选择器B的第一个元素 B:last 匹配页面上满足选择器B的最后一个元素 B:first-child 所有匹配选择器B的第一个元素 B:last-child 所有匹配选择器B的所有最后一个元素 B:only-child 匹配选择器B...
  • 1、css使用的基本语法: 选择器 { 属性1:属性值; 属性2:属性值; 属性3:属性值;  . ...3、Css中常用的4种选择器: ...(1)、类选择器,又叫class选择器:  类选择器格式: . 类选择器{
  • 前几天因为一个业务需求 需要实现一个预约时间的效果 效果如下(ps....利用多列选择器效果加上实现类似日历的算法实现的 下面直接贴核心代码 wxml布局 <view class='view3'> <text>...
  • 安卓选择器类库,包括日期选择器、时间选择器、单项选择器、城市选择器、颜色选择器、文件选择器、目录选择器、数字选择器、星座选择器、生肖选择器等。 欢迎大伙儿在issues提交你的意见或建议 地址:...
  • 这30个CSS选择器,你必须熟记(上)

    万次阅读 多人点赞 2019-10-30 07:10:00
    关注前端达人,与你共同进步CSS的魅力就是让我们前端工程师像设计师一样进行网页的设计,我们能轻而易举的改变颜色、布局、制作出漂亮的影音效果等等,我们只需要改几行代码,不需...
  • CSS ID选择器与CLASS选择器

    千次阅读 2015-08-22 17:10:11
    在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。 属性选择器可以根据元素的属性及属性值来选择元素。  三种基本的选择器类型:标签名选择器、类选择器、ID选择器 具体语法如下:  1、标签名选择器,...
  • 仿QQ照片选择器

    千次下载 热门讨论 2014-11-11 15:16:49
    仿QQ照片选择器,使用ContentProvider读取SD卡所有图片。支持按照父目录分类显示,多选添加。
  • jquery系列教程1-选择器全解jquery基本选择器jquery基本选择器,包括id选择器、class选择器、标签选择器、通配符选择器,同时配合选择器的空格、逗号等语法,可以实现大部分需要的选择功能。 代码如下:$("#myid");...
  • 倒入第三方库: flutter_picker: 1.1.0 ... flutter_picker的作者提供了多种adapter来处理不同的情况(NumberPickerAdapter,PickerDataAdapter,DateTimePickerAdapter),主要处理数据对应就行了。...
  • 用微信封装好的控件感觉很好,为我们...今天试用了选择器. 上gif: 上代码: 1.index.js //index.js //获取应用实例 var app = getApp() Page({ data: { date: '2016-11-08', time: '12:00', array: ['中国',
  • 属性过滤选择器属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素 1、[attribute] 用法: $(”div[id]“) ; 返回值:集合元素 说明: 匹配包含给定属性的元素. 例子中是选取了所有带”id”属性的div...
  • 一,交集选择器<!DOCTYPE html> <title>15-css交集选择器.html</title> <!-- 交集选择器,相交的部分就是要设置属性值的标签 1,格式: 选择器1选择器2...{ 属性:值
  • 而class属性本身没有语义,它纯粹是用来为CSS服务的,属于多余属性,并没把样式和元素绑定起来,一个CSS类选择器,文本框可以使用,下拉框也可以使用,甚至按钮也可以使用,这样其实非常混乱, 修改时就不方便,所以...
  • 微信小程序 选择器 picker ;demo大全附效果图

    万次阅读 多人点赞 2018-05-12 22:07:02
    微信小程序开发交流qq群 173683895 ...1.普通选择器 2.多列选择器 3.时间选择器 4.日期选择器 5.省市区选择器 源码: wxml <view class="container"> <!--选择器--> <view class="section...
  • 利用微信小程序的picker组件的多列选择器实现! WXML view class=&amp;quot;tui-picker-content&amp;quot;&amp;gt; view class=&amp;quot;tui-picker-name&amp;quot;&...
  • 这个效果呢,要用到picker组件,动画从底部弹起的滚动选择器,现支持三种选择器,通过mode来区分,分别是普通选择器,时间选择器,日期选择器,默认是普通选择器。 看下相应的属性: 具体的来看看代码,布局:<view

空空如也

1 2 3 4 5 ... 20
收藏数 206,117
精华内容 82,446
关键字:

选择器