jquery动态添加下拉框选项设置下拉框样式怎么做啊

1、添加下拉框选项并设置样式

function addOption(){

     $("#下拉框的id").append( "<option value=\"1\">选项一</option>" )

     $("#下拉框的id").append( "<option value=\"1\">选项二</option>" )

     //可以一个一个添加，也可以遍历要添加的数据循环添加

     

    //两种方式设置样式

    //1、直接设置下拉框的css

    $("#下拉框的id").css({"widht":"20px","height":"10px"})

    

    

    //2、或者写好css样式动态添加class

    //css文件或者标签里写好css样式如：.option{width:20pxheight:10px}

    $("#下拉框的id").addClass("option")

}

1、创建一个名称为css的html文件。

2、在页面中加入一个button按钮，当点击button的时候出发click事件。

3、在加入一个div设置宽和高还有背景色，当button的click事件中用css方法修改该div背景色。

4、文件引入jquery 库。

5、在文档准备方法中加入click点击事件。

6、在click事件中加入css方法设置div的背景色。

7、在浏览器中运行该文件。并点击button设置div的背景色。

推荐使用js的经典第三方库jQuery，调用方便，代码精简：jquery中css()方法可以设置或返回被选元素的一个或多个样式属性，下面的例子将返回首个匹配元素的background-color值：$("p").css("background-color")下面的例子将设置所有匹配到元素的background-color为红色：$("p").css("background-color","red")

---