如何使用jquery方法设置和获取颜色选择器的值

 时间:2024-10-18 18:27:03

1、第一步,在HBuilder指定目录新建静态页面,利用HTML5默认模板,并引入jquery核心文件,如下图所示:

如何使用jquery方法设置和获取颜色选择器的值

2、第二步,在<body></body>标签插入两个按钮button,分别设置id属性,如下图所示:

如何使用jquery方法设置和获取颜色选择器的值

3、第三步,在<script></script>标签元素内,插入两个按鸵晚簧柢钮点击事件,如下图所示:

如何使用jquery方法设置和获取颜色选择器的值

4、第四步,分别设置颜色选择器的值,然后在第二个按钮点击事件中获取颜色选择器的值,如下图所示:

如何使用jquery方法设置和获取颜色选择器的值

5、第五步,保存代码并在浏览器中查看效果,点击插入数据按钮,颜色选择器默认黑色变为红色,如下图所示:

如何使用jquery方法设置和获取颜色选择器的值

6、第六步,调整部分代码,再次操作获取数据按钮,打开浏览器控制台,查看打印结果,如下图所示:

如何使用jquery方法设置和获取颜色选择器的值
  • 使用HTML的DIV元素进行网页布局
  • PS选区的绘制
  • html+css常用左侧分类下拉菜单
  • axure 动态面板实现图片轮播效果(淘宝)
  • Dreamweaver中高亮显示vm文件
  • 热门搜索
    关于春天的手抄报花边 我的青春我做主手抄报 关于感恩的手抄报资料 创建文明城手抄报 追逐梦想手抄报 关于地理的手抄报 关于火灾的手抄报 感恩父母手抄报花边 安全主题手抄报 语言的艺术手抄报