1、ID选择器

2、attr和val和removeattr

3、attr和removeattr和val

<html>

<head>

    <meta charset="utf-8" />

    <title></title>

    <script src="scripts/jquery-1.7.1.min.js"></script>

    <script>

        //$(function () {}）代表页面加载完成

        $(function () {

            //$('#bt1') 代表获取ID，也就是id选择器

            $('#bt1').click(function () {

                //val（）获取value值，val(str) 给value赋值

                $('#bt1').val('显示');

            });

            $('#bt2').click(function () {

                //attr（name）表示添加name属性，attr（name，value）表示添加name属性，且赋值value

                $('#bt2').attr('value','attr显示')

            });

            //removeAttr(name)代表删除属性name

            $('#bt3').click(function () {

                $('#bt3').removeAttr('value');

            });

        })

    </script>

</head>

<body>

    <input type="button" id="bt1" />

    <input type="button" id="bt2" />

    <input type="button" id="bt3" value="bt3"/>

    <script>

    </script>

</body>

</html>

4、元素选择器：标签

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title></title>

    <script src="scripts/jquery-1.7.1.min.js"></script>

    <script>

        $(function () {

            $('input').click(function () {

                //注意这样就拿到了所有的input标签，而我们是需要只拿点击的对象所以用Dom对象

                //$('input').val("呜呜")

                this.value = '呜呜';

            })

        })

    </script>

</head>

<body>

    <input type="button" value="笑笑" />

    <input type="button" value="笑笑" />

    <input type="button" value="笑笑" />

    <input type="button" value="笑笑" />

    <input type="button" value="笑笑" />

    <input type="button" value="笑笑" />

</body>

</html>

5、类选择器：.class

6、

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title></title>

    <script src="scripts/jquery-1.7.1.min.js"></script>

    <script>

        $(function () {

            $('#Button1').one('click', function () {

                //对于标签对，使用text（），html（）进行设置和获取

                $('#txt1').text('这是个div')

            });

        })

    </script>

</head>

<body>

    <input id="Button1" type="button" value="button" />

    <div id="txt1"></div>

</body>

</html>

1、jquery_属性和选择器的更多相关文章

  1. jQuery选择器之表单对象属性过滤选择器Demo

    测试代码: 08-表单对象属性过滤选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

  2. jQuery之属性过滤选择器

    转自:http://blog.csdn.net/woshisap/article/details/7341136 在HTML文档中,元素的开始标记中通常包含有多个属性(attribute), 在jQu ...

  3. jQuery表单对象属性过滤选择器

    jQuery表单对象属性过滤选择器 <div id="p1" attr="p1"> <input type="text" ...

  4. 黑马day16 jquery&amp;属性过滤选择器

    属性过滤选择器的过滤规则是通过元素的属性来获取对应的元素 .[attribute] 使用方法: $("div[id]") ;  返回值  集合元素 说明:匹配包括给定属性的元素.样 ...

  5. 【转】jQuery属性过滤选择器

    属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素. [attribute]    选取用次属性的元素 [attribute=value]   选取属性值为value的元素 [attribute ...

  6. 009 jquery过滤选择器-----------（表单对象属性过滤选择器 与 表单选择器）

    1.表单对象属性选择器 2.程序 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"& ...

  7. Jquery | 基础 | jQuery表单对象属性过滤选择器

    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>使用jQuery表单对象属性 ...

  8. Jquery | 基础 | 属性过滤选择器

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. jQuery选择器之属性筛选选择器

    在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的 [attr="value"]能帮我们定位不同类型 ...

随机推荐

  1. 算法（Algorithms）第4版 练习 2.2.9

    package com.qiusongde; import edu.princeton.cs.algs4.In; import edu.princeton.cs.algs4.StdOut; publi ...

  2. 【转载】Dom4j的使用(全而好的文章)

    Dom4j的使用(全而好的文章) Dom4j 使用简介 作者:冰云 icecloud(AT)sina.com 时间:2003.12.15   版权声明: 本文由冰云完成,首发于CSDN,未经许可,不得 ...

  3. Python- and & or 的短路原则

    条件1 and 条件2 条件1 or 条件2 短路原则 对于and 如果前面的第一个条件为假,那么这个and前后两个条件组成的表达式的计算结果就一定为假,第二个条件就不会被计算 对于or 如果前面的第 ...

  4. linux 磁盘管理与文件系统

    一.磁盘分区的意义 磁盘分区就是为了将磁盘分成不同的逻辑区域,每个分区可以有不同的文件系统 二. 磁盘分区是按照磁盘的柱面进行分区的,由于盘片在转动时的角速度都是一样的,所以磁头在最外层的磁道上读取信 ...

  5. matlab之sub2ind()函数

    将下标转换为线性索引 语法 linearInd = sub2ind(matrixSize, rowSub, colSub) 说明 linearInd = sub2ind(matrixSize, row ...

  6. C++的异常捕获

    听课笔记: #define _CRT_SECURE_NO_WARNINGS #include<iostream> using namespace std; void fun() { ;// ...

  7. 使用IDEA创建一个springboot项目

    工欲善其事,必先利其器. 不难发现,还是有很多小朋友在使用eclipse开发java项目.当你接触IDEA后,一切都变得美好了. 使用IDEA创建一个springboot项目是一件极其简单的事情.界面 ...

  8. Java_io_02_从一个目录拷贝文件到另一个目录下

    java从一个目录拷贝文件到另一个目录下   http://www.cnblogs.com/langtianya/p/4857524.html ** * 复制单个文件 * @param oldPath ...

  9. django学习笔记（一）视图和url配置

    1.开始一个项目: 进入创建的目录,然后: django-admin startproject myblog 2.启动开发服务器: python manage.py runserver 注:默认是80 ...

  10. ACM学习历程—HDU1023 Train Problem II（递推 && 大数）

    Description As we all know the Train Problem I, the boss of the Ignatius Train Station want to know  ...